Ich arbeite an einer App, die Select2 (Version 3.5.1) verwendet. Das HTML zum Einrichten dieses Dropdown /AutoComplete -Feldes sieht so aus: < /p>
< /code>
Die Form-Kontroll-Klasse < /code> in diesem Snippet stammt aus Bootstrap. Ich initiale dieses Feld aus JavaScript mit Folgendem: < /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>
Wenn mein Feld ausgewählt wird, wird erfolgreich gerendert. Sobald ich mindestens den fünften Charakter eingebe, zieht er Artikel erfolgreich vom Server und listet sie als Optionen auf. Wenn ich jedoch versuche, einen von ihnen auszuwählen, passiert nichts. Das Dropdown-Popup bleibt geöffnet. Nichts wird in das eigentliche Feld gesteckt. Es gibt keine Fehler in der JavaScript -Konsole. Es ist, als hätte ich nichts geklickt. < /p>
Was mache ich falsch? < /p>
In Select2 kann das Element nicht ausgewählt werden ⇐ HTML
-
- Similar Topics
- Replies
- Views
- Last post
-
-
Kann nicht zum nächsten eingereicht werden nach offener Select2-Bootstrap-Theme
by Anonymous » » in CSS - 0 Replies
- 6 Views
-
Last post by Anonymous
-