JQuery select2 den Standardwert aus einer Option in der Liste setzen?

Question

Ich möchte in der Lage sein, den Standard/ausgewählten Wert eines Select-Elements mit dem JQuery Select2-Plugin zu setzen.

Answer 1

Eine Möglichkeit, dies zu tun ist ...

$('select').select2().select2('val', $('.select2 option:eq(1)').val()); 

Also im Grunde Sie zuerst initialisieren das Plugin dann den Standardwert geben Sie den ‚val‘ Parameter verwendet wird. Der tatsächliche Wert wird von der angegebenen Option genommen, in diesem Fall # 1. Der ausgewählte Wert aus diesem Beispiel wäre also "bar".

<select class=".select2"> 
    <option id="foo">Some Text</option> 
    <option id="bar">Other Text</option> 
</select> 

Hope das ist nützlich für jemand anderen.

Answer 2

Ein weiterer Weg - fügen Sie einfach ein selected = "selected" Attribut zum select Markup hinzu und rufen Sie select2 darauf an. Es muss Ihren ausgewählten Wert annehmen. Keine Notwendigkeit für zusätzliches JavaScript. Wie folgt aus:

Markup

<select class="select2"> 
    <option id="foo">Some Text</option> 
    <option id="bar" selected="selected">Other Text</option> 
</select> 

JavaScript

$('select').select2(); //oh yes just this! 

Siehe Geige: http://jsfiddle.net/6hZFU/

Edit: (! Danke, Jay Haase)

Wenn dies nicht funktioniert, versuchen Sie die val Eigenschaft select2 zu null Einstellung, um den Wert zu löschen, wie folgt aus:

$('select').select2("val", null); //a lil' bit more :) 

Danach ist es einfach genug val-"Whatever You Want" einzustellen.

Answer 3

$("#id").select2("val", null); //this will not work..you can try 

Sie sollten dies tatsächlich tun ... initialisieren und dann den Wert einstellen. Nun, das ist auch die Art, wie es für mich funktionierte.

$("#id").select2().select2("val", null); 
$("#id").select2().select2("val", 'oneofthevaluehere'); 

Answer 4

Für ajax select2 mehrere Dropdown wählen ich mochte dies;

//preset element values 
    //topics is an array of format [{"id":"","text":""}, .....] 
     $(id).val(topics); 
      setTimeout(function(){ 
      ajaxTopicDropdown(id, 
       2,location.origin+"/api for gettings topics/", 
       "Pick a topic", true, 5);      
      },1); 
     // ajaxtopicDropdown is dry fucntion to get topics for diffrent element and url 

Answer 5

$('select').select2("val",null); 

Answer 6

Die obigen Lösungen für mich nicht funktioniert hat, aber dieser Code aus eigenen Website Select2 tat:

$('select').val('US'); // Select the option with a value of 'US' 
$('select').trigger('change'); // Notify any JS components that the value changed 

Webpage found here

hoffe, das hilft für jedermann, wie kämpft, Ich war.

Answer 7

Wenn Sie ein Array-Datenquelle verwenden, können Sie so etwas wie unten tun -

$(".select").select2({ 
    data: data_names 
}); 
data_names.forEach(function(name) { 
    if (name.selected) { 
     $(".select").select2('val', name.id); 
    } 
}); 

Dies setzt voraus, dass das ein Element aus Ihrem Datensatz, die Sie festlegen möchten als Standard bezeichnet ein zusätzliches Attribut ausgewählt und wir verwenden das, um den Wert festzulegen.

Answer 8

Für 4.x Version

$('#select2Id').val(__INDEX__).trigger('change'); 

Wert mit INDEX wählen

$('#select2Id').val('').trigger('change'); 

nichts zu wählen (Show Platzhalter, wenn es)