При загрузке страницы я пытаюсь использовать initSelection для выбора ID 60 (заданное значение поля ввода). Кажется, я не могу заставить его работать нормально.
Сценарии PHP отлично работают и возвращают правильные значения, но как я могу заставить JS правильно выполнить обратный вызов?
JavaScript:
$(document).ready(function() {
$('#editAlbumArtistId').select2({
placeholder: 'Search names',
ajax: {
url: "/jQueryScripts/jQuerySelectListArtists.php",
dataType: 'json',
quietMillis: 100,
data: function (term, page) {
return {
term: term, //search term
page_limit: 10 // page size
};
},
results: function (data, page) {
return {results: data.results};
}
},
initSelection: function(element, callback) {
var id = $(element).val();
if(id !== "") {
$.ajax("/jQueryScripts/jQuerySelectListArtists.php", {
data: {id: id},
dataType: "json"
}).done(function(data) {
callback(data);
});
}
}
});
});
HTML:
<p>
<input type='hidden' value="60" data-init-text='Search names' name='editAlbumArtistId' id='editAlbumArtistId' style="width:180px;"/>
</p>
Каждый раз, когда я обновляю страницу, я вижу, что PHP script выполняется и возвращает правильный идентификатор и текст. Однако поле не обновляется, и я серьезно пробовал все, что мог придумать.
Я использую Select2 3.4.3.
Любая помощь будет принята с благодарностью.