jQuery清空select下拉框里面的所有选项要怎么写？

2019独角兽企业重金招聘Python工程师标准>>>

jQuery清空select下拉框里面的所有选项要怎么写？

最近在项目中，使用jQuery过程中遇到一个bug，具体代码如下所示：

$("#addNexthopType").closest(".form-group").show();
$("#addAlcatelLeftNode").closest(".form-group").show();
$("#addAlcatelRightNode").closest(".form-group").show();
var opts = "<option value=''>请选择</option>";
for(var index=0; index<data.length; index++)
{
    opts += "<option value="+data[index].name + ">" + data[index].name + "</option>";
}
$("#addAlcatelLeftNode").append(opts);

BUG的表现就是我在下拉“addALcatelLeftNode”元素时，总是会重复出现多组同样的option，后来查找原因发现是存储在“addALcatelLeftNode”的上一次option列表没有清除导致的，后来在网上找了一些解决办法，现分享如下：

$("#addAlcatelLeftNode").empty();

或者是

$("#addAlcatelLeftNode").find("option").remove();

或者是

$('addAlcatelLeftNode option').remove();

就是这样了，结束...

参考链接：

• http://stackoverflow.com/questions/6108509/clearing-select-using-jquery
• https://zhidao.baidu.com/question/247532812.html

 

转载于:https://my.oschina.net/leblancs/blog/790674