动态修改select2内容

动态修改select2下拉列表内容

select2官方文档地址:http://select2.github.io/select2/#documentation
1、html代码及select2初始化

$("#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)
}

你可能感兴趣的:(javascript,select2,动态加载,option)