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?

Antworten auf die Frage(8)

Ihre Antwort auf die Frage