So legen Sie den Standardwert für ein Eingabefeld fest, auf dem select2 initialisiert ist
Wie setze ich einen Standardwert in einem Eingabefeld mit select2? Hier ist mein HTML
<input type="text" id="itemId0" value="Item no. 1">
und mein Javascript:
$("#itemId0").select2({
placeholder: 'Select a product',
formatResult: productFormatResult,
formatSelection: productFormatSelection,
dropdownClass: 'bigdrop',
escapeMarkup: function(m) { return m; },
minimumInputLength:1,
ajax: {
url: '/api/productSearch',
dataType: 'json',
data: function(term, page) {
return {
q: term
};
},
results: function(data, page) {
return {results:data};
}
}
});
function productFormatResult(product) {
var html = "<table><tr>";
html += "<td>";
html += product.itemName ;
html += "</td></tr></table>";
return html;
}
function productFormatSelection(product) {
var selected = "<input type='hidden' name='itemId' value='"+product.id+"'/>";
return selected + product.itemName;
}
Hier ist das Problem: Wenn ich mein Eingabefeld nicht in ein Select2-Feld initialisieren möchte, kann ich den Standardwert meines Eingabefelds anzeigen, der "Artikel Nr. 1" ist. aber wenn ich es mit select2 initialisiere zB.$("#itemId0").select2({code here});
Ich kann dann den Standardwert meines Textfelds nicht anzeigen..
Weiß jemand, wie ich den Standardwert bitte anzeigen kann?