select2 ajax 设置默认值,初始值的方法

今天长沙网络推广为大家带来一篇关于select2与ajax结合设置默认值及初始值的实用分享。当你在使用select2时遇到需要显示原始值的问题，这无疑是一个挑战。有了这篇文章的指引，你将轻松掌握解决之道。

在实际应用中，我们经常需要修改数据并展示原始值。想象一下，你在使用select2插件时，如何获取并显示这些原始值呢？这可能会让你头疼不已。经过三个小时的研究，我通过$.ajax重新加载了原始值，并成功展示。

接下来，我将介绍两种通过AJAX获取数据的方式（每次请求）。我们针对元素ID为c_HospitalCode的select2进行设置：

```javascript

var $c_HospitalCode = $("c_HospitalCode").select2({

ajax: {

type: 'GET',

url: "/Report/AjaxOption/Ajax_LoadHospitalByKey",

dataType: 'json',

delay: ,

data: function (params) {

return {

key: params.term, //搜索参数

page: params.page,

MKORGCode: '@VModel.MKORGCode'

};

},

processResults: function (data, params) {

//重命名字段名

for (var i = 0; i < data.length; i++) {

data[i].id = data[i].Value; //将Value设为id

data[i].text = data[i].Name; //将Name设为显示的文本

}

return {

results: data //返回处理后的数据列表

};

}

}

});

```

在这段代码中，我们首先定义了一个AJAX请求来获取数据。在处理结果的过程中，我们对数据的字段进行了重命名，确保select2能够正确识别并展示数据。通过这种方式，你可以轻松地为select2设置默认值或初始值。当用户在搜索框中输入内容时，AJAX会基于搜索参数发送请求，并返回相应的结果。这样，你就可以在select2中展示用户输入的原始值了。希望这篇文章对大家有所帮助，如果你有任何疑问或需要进一步了解，请随时联系长沙网络推广团队。