Einstellung Standardwert für select2 Dropdown

Question

Wie können wir den Standardwert für die select2 Dropdown gesetzt, wenn es mit so etwas wie der Initialisierung:

$('.className').select2({ 
    placeholder: 'Select an option', 
    data: dataArray 
}); 

Answer 1

Was Sie haben, ist in Ordnung - Sie müssen nur einen leeren <option></option> Tag hinzufügen in Ihr select Element.

Zum Beispiel:

<select id="listOfNames"> 
    <option></option> 
    <option value="Shyam">Shyam</option> 
    <option value="James">James</option> 
    <option value="Helen">Helen</option> 
    <option value="Dave">Dave</option> 
</select> 

Sie können den Platzhalter als Option select2 gelten oder als das data-placeholder Attribut des select Element (wie Sie in Ihrem Beispiel haben).

Sie können select2 auch mit der Eigenschaft allowClear : true angeben, die es Benutzern ermöglicht, ein Objekt zu entfernen, sobald es ausgewählt wurde (zurück zum Platzhalter).

Fiddle: https://jsfiddle.net/djuuuh80/3/

Hinweis: Wählen Sie Box mit den mehreren Attributen automatisch den Platzhalter verwenden, wenn ohne die Notwendigkeit für den Rohling <option>-Tag versehen.