动态修改select2下拉列表内容
select2官方文档地址:http://select2.github.io/select2/#documentation
1、html代码及select2初始化
<div class="form-group">
<label for="form_sl_class" class="control-label">******</label>
<select class="form-control" id="form_sl_class" name="form_sl_class">
<option></option>
</select>
</div>
$("#form_sl_class").select2({
placeholder: "请选择******",
data: [
{ id: 1, text: "***" },
{ id: 2, text: "***" },
{ id: 3, text: "***" }
],
allowclear: true
});
2、动态修改select2下拉列表内容
function editSelect2(classdata){
var instance = $("#form_sl_class").data('select2');
if (instance) {
//清空销毁已有select2
$("#form_sl_class").select2('destroy').empty();
}
// 注:使用setTimeout方法间隔一段时间后执行select2初始化,否则可能初始化失败
setTimeout(function () {
$("#form_sl_class").select2({
placeholder: "请选择******",
data: classdata, // 重新设置新数据
allowClear: true
});
}, 100)
}