2016-07-26 14 views
0

Ich habe ein select2-Dropdown-Menü und möchte eine Option 'None' (mit value = "") oben in der Dropdown-Liste hinzufügen. Mein Drop-Down ist ein Son Call, also ist es dynamisch.Select2 Option 'Keine'

Ich verstehe den Platzhalter und ich habe das schon. Ich weiß, dass, wenn der Benutzer das Feld leer lässt, das ist das gleiche, was ich bekomme, ist klar, dass Sie "None" auswählen.

Ich kann nicht sehen, das irgendwo anders zu finden. Ich habe so etwas versucht:

 <select class="select required" name="foo" id="bar"> 
      <option></option> 
      <option value="">None</option> 
     </select> 

aber das funktioniert nicht. Das Dropdown klappt ansonsten super.

Antwort

1

Try allowClear

$("#select-box").select2({ 
    allowClear: true, 
    placeholder: "Search for a movie", 
    ... 

Sie können auch asign den Platzhalter über data-placeholder auf dem <option></option>

+0

Ich erwähnte das in der Frage. Ich habe bereits einen Platzhalter. Ich möchte eine tatsächliche Auswahl "None", die "" für einen Wert übergibt. –

+0

Ich habe keinen Hinweis auf 'allowClear' gefunden, dachte, das könnte helfen – stackoverfloweth

+0

Entschuldigung - Sie haben Recht. Ich denke, du brauchst allowClear, damit der Platzhalter funktioniert, und ich denke, dass das meine Zeilen kreuzt. Danke für die Idee. –

0

ich meine eigene Antwort haben, aber ich werde noch eine bessere Lösung mit übernehmen. Ich habe am Ende ein "" => "None" -Paar in meinem JSON-Aufruf hinzugefügt, der dieses select2 einspeist. Es funktioniert, aber ich denke, es wäre immer noch besser, es irgendwie lokal hinzuzufügen.