1. 程式人生 > >jQuery向select標籤 append方法新增 option時 值已經改變 但頁面無變化

jQuery向select標籤 append方法新增 option時 值已經改變 但頁面無變化

程式碼:

//獲取到select的集合
var selectarr = $('#ee').find('select');
for (var i = 0; i < selectarr.length; i++) {
     var slt_td = $(selectarr[i]);
     slt_td.empty();
     var option = $('<option>請選擇</option>');
     slt_td.append(option);
     option = $('<option value="test1">測試1</option>');
     slt_td.append(option);
}

問題總結:原因,在向現有的select標籤中,新增option選項時就會出現,頁面不區域性重新整理的情況。

     ps:為什麼,向現有的select新增時,頁面不會變化。本人還需繼續學習。(知道後會更新,知道的小夥伴請留言。謝謝

解決方法:新建立一個select,替換掉原有的即可。

//獲取到select的集合
var selectarr = $('#ee').find('select');
for (var i = 0; i < selectarr.length; i++) {
    var slt_td = $(selectarr[i]).parent();
    slt_td.empty();
    var slt = $('<select style="width:170px;"></select>')
    var option = $('<option>請選擇</option>');
    slt.append(option);
    option = $('<option value="test1">測試</option>');
    slt.append(option);
    slt_td.append(slt);
}