jq select选中值 ajax,jquery-select2 – 使用ajax选择2个默认选项
时间: 2023-08-12 09:10:52 浏览: 135
select将选中的option设置为默认选项
对于使用ajax选择2个默认选项,你可以将选择器绑定到一个函数,该函数在页面加载时被调用,以选择默认选项。例如:
```javascript
$(document).ready(function() {
// 绑定选择器到函数
$("#mySelect2").select2({
ajax: {
// ajax设置
url: "https://example.com/api/data",
dataType: 'json',
delay: 250,
data: function(params) {
return {
q: params.term, // 搜索条件
page: params.page
};
},
processResults: function(data, params) {
// 处理ajax返回的结果
params.page = params.page || 1;
return {
results: data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
minimumInputLength: 1
});
// 选择默认选项
var defaultOptions = ["value1", "value2"];
$.each(defaultOptions, function(index, value) {
var option = new Option(value, value, true, true);
$("#mySelect2").append(option).trigger('change');
});
});
```
在这个例子中,我们首先将选择器绑定到一个ajax请求,然后使用`$.each()`函数循环遍历默认选项,并将它们添加到选择器中。最后,我们使用`trigger('change')`方法来触发选择器的更改事件,以确保选择器显示正确的默认值。
阅读全文