如果你的 Select2 元素是使用 Ajax 动态加载的,那么需要在 JavaScript 中手动初始化 Select2。可以在 Ajax 请求成功返回后,在回调函数中进行如下代码初始化:
$.ajax({
url: 'yourUrl',
type: "GET",
dataType: "json",
success: function (data) {
// your code here
$("#yourSelect").empty(); //清空省市区之类的 Select2
$("#yourSelect").select2({data: data}); //初始化Select2
},
error: function (response) {
console.log("Error: " + response);
}
});
其中 yourSelect
需要替换成你的 Select2 元素的 ID 或 class,data
是从服务器请求到的数据。注意,这段代码放置在 document.ready 中不会生效,因为数据可能未返回。建议将它放置在 Ajax 成功回调函数中。
这样做之后,当 Ajax 请求完成时,Select2 就会根据你提供的数据重新渲染。
上一篇:Ajax调用重新加载消息