动态修改select2内容

动态修改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)
}