Невозможно выбрать элемент в Select2, выпадающем ⇐ Html

[Anonymous]

Я работаю над приложением, которое использует Select2 (версия 3.5.1). HTML для настройки этого выпадающего /автоматического поля выглядит следующим образом: < /p>


< /code>

Класс формы < /code> в этом фрагменте поступает из начальной загрузки. Я инициализации этого поля из JavaScript, используя следующее: < /p>

function getItemFormat(item) {
var format = '' + item.ItemName + '';
return format;
}

$(function() {
$('#mySelect').select2({
minimumInputLength: 5,
placeholder: 'Search for an item',
allowClear: true,
ajax: {
url: '/api/getItems',
dataType: 'json',
quietMillis: 250,
data: function (term, page) {
return {
query: term
};
},
results: function (data, page) {
return { results: data, id: 'ItemId', text: 'ItemText' };
}
},
formatResult: getItemFormat,
dropdownCssClass: "bigdrop",
escapeMarkup: function (m) { return m; }
});
});
< /code>

Когда мое поле выбора загружается, оно успешно рендерирует. Как только я набираю хотя бы пятый символ, он успешно вытаскивает элементы с сервера и перечисляет их как параметры. Однако, если я попытаюсь выбрать один из них, ничего не произойдет. Выпадающее всплывающее окно остается открытым. Ничто не помещается в реальное поле. В консоли JavaScript нет ошибок. Как будто я ничего не щелкнул. < /p>

Что я делаю не так? < /p>

Подробнее здесь: https://stackoverflow.com/questions/260 ... -drop-down