我有2个select2,当其中一个更改另一个使用内置的select2 ajax函数加载它的内容时,问题是在这种情况下只有一个元素来自服务器我希望它默认加载,但是对于我所看到的,只有在打开相关的select2时才会执行ajax调用。这是我改变第一个selec2以便更改第二个数据时运行的代码:
$select1.on('change', function () {
initializeLocationsSelect2($select2, $select1.val(), $template, omId);
});
function initializeLocationsSelect2(tag, s1Value, template, id) {
tag.val("");
tag.select2({
placeholder: "Please Select One",
minimumInputLength: 0,
multiple: true,
tokenSeparators: [","],
tags: false,
ajax: {
url: tag.data('url'),
dataType: 'json',
quietMillis: 250,
data: function (term, page) {
return {
id: id,
value: s1Value
};
},
results: function (data, page) {
return {
results: data
};
}
},
formatSelection: function (item) {
return $.format(template.html(), item.text);
},
formatResult: function (item) {
return $.format(template.html(), item.text);
},
escapeMarkup: function (m) { return m; }
});
}
以防万一它是相关的,第二个select2附加到<hidden>
标记