jQuery向select標籤 append方法新增 option時 值已經改變 但頁面無變化
阿新 • • 發佈:2019-01-31
程式碼:
//獲取到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); }