jQuery动态加载和移除select下拉选项

版权声明：转载请注明出处 https://blog.csdn.net/qq_35898250/article/details/83821316

jQuery动态加载和移除select下拉选项

我是个后端开发，工作需要在做select 联动效果的时候要动态追加选项，实现追加后，发现修改选项的时候，下级菜单会一直追加。
话不多数，直接干货
html代码示例：

<select name="name" id="id" onchange="act(this.value)">
	<option value="-1">--请选择--</option>
</select>

js代码示例：

//ajax请求成功，处理数据
if(data.success){
	/**
	 * 先移除上次追加的选项（不移除的话会一直追加）
	 * */
     $("#id >option").each(function(){
         var id = $(this).attr("value");
         if(id !=-1){
             this.remove();
		}
     });
    /**
	 * 动态追加选中的数据
	 * */
    var act = data.data;
    for(var i=0;i<act.length;i++){
        var rep = '<option value="'+act[i].value+'">'+act[i].text+'</option>'
            $("#id").append(rep);
		}
    }

只为菜鸟的自己积累