Я использую select2
и немного новичок в этой библиотеке. У меня есть страница, на которой мой вход select2 должен быть установлен на значение по умолчанию, если это значение опубликовано. Вот html
<!-- COUNTRY -->
<span id="agency_data">
<input type="hidden" name="country_id" id="filter_country" data-placeholder="Choose A Country Name" data-init-text="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" value="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" />
</span>
а это мой jQuery
//******** COUNTRY ********
if(typeof countryId === 'undefined') {
countryId = '';
}
if(typeof countryName === 'undefined') {
countryName = '';
}
var dataArray = [{id:countryId,text:countryName}];
$('#filter_country').select2({
minimumInputLength: 0,
allowClear: true,
ajax: {
url: base +"/agencyList/search",
dataType: 'json',
type: 'POST',
data: function (term, page) {
return {
country: term
};
},
results: function (data, page) {
return {
results: data
};
}
},
data:dataArray,
initSelection: function (element, callback) {
$(dataArray).each(function() {
if (this.id == element.val()) {
callback(this);
return
}
})
}
});
Как я уже сказал, я не могу понять, как установить значение ввода по умолчанию. Я просмотрел это решение, но все равно не удалось заставить его работать. Любая помощь, пожалуйста?
рабочее решение
благодаря Джону, вот как я заработал: html:
<span id="agency_data">
<input type="hidden" name="ag_cty_id" id="filter_country" data-placeholder="Choose A Country Name" data-init-text="<?= isset($data['cty_name']) ? $data['cty_name'] : '' ?>" value="<?= isset($data['ag_cty_id']) ? $data['ag_cty_id'] : '' ?>" />
</span>
jQuery:
$('#filter_country').select2({
minimumInputLength: 0,
allowClear: true,
ajax: {
url: base +"/agencyList/search",
dataType: 'json',
type: 'POST',
data: function (term, page) {
return {
country: term
};
},
results: function (data, page) {
return {
results: data
};
}
},
initSelection: function (element, callback) {
console.log('id elemt: ' + element.val());
callback({ id: element.val(), text: element.attr('data-init-text') });
}
});