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 = $('');
     slt_td.append(option);
     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 = $('')
    var option = $('');
    slt.append(option);
    option = $('');
    slt.append(option);
    slt_td.append(slt);
}

 

你可能感兴趣的:(工作笔记)