Legen Sie den ausgewählten Index eines Dropdowns mit jQuery fest

Wie lege ich den Index eines Dropdowns in jQuery fest, wenn ich das Steuerelement wie folgt finde:

$("*[id$='" + originalId + "']") 

Ich mache das auf diese Weise, weil ich Steuerelemente dynamisch erstelle und da die IDs bei der Verwendung von Web Forms geändert werden. Ich habe dies als Problemumgehung gefunden, um einige Steuerelemente zu finden. Sobald ich das jQuery-Objekt habe, weiß ich nicht, wie ich den ausgewählten Index auf 0 (Null) setzen soll.

Zuallererst - dieser Selektor ist ziemlich langsam. Es durchsucht jedes DOM-Element nach den IDs. Es ist weniger ein Leistungstreffer, wenn Sie dem Element eine Klasse zuweisen können.

$(".myselect")

Um Ihre Frage zu beantworten, gibt es verschiedene Möglichkeiten, den Wert für ausgewählte Elemente in jQuery zu ändern

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

Ich habe es gerade gefunden, es funktioniert für mich und ich persönlich finde es leichter zu lesen.

Dadurch wird der tatsächliche Index genau wie bei der Antwortnummer 3 von Gnarf festgelegt.

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

Das hat früher nicht funktioniert, funktioniert aber jetzt ... siehe Fehler: http://dev.jquery.com/ticket/1474

Nachtrag

Wie in den Kommentaren empfohlen, verwenden Sie:

$("select#elem").prop('selectedIndex', 0);

Ich schreibe diese Antwort im Jahr 2015 und aus irgendeinem Grund (wahrscheinlich ältere Versionen von jQuery) hat keine der anderen Antworten für mich funktioniert. Ich meine, sie ändern den ausgewählten Index, aber er spiegelt nicht das tatsächliche Dropdown wider.

Hier ist eine andere Möglichkeit, den Index zu ändern und ihn tatsächlich in der Dropdown-Liste wiederzugeben:

$('#mydropdown').val('first').change();

Ich benutze

$('#elem').val('xyz');

um das Optionselement mit dem Wert = 'xyz' auszuwählen

JQuery-Code:

$("#sel_status").prop('selectedIndex',1);

Jsp Code:

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

Sie möchten den Wert der ersten Option im Auswahlelement abrufen.

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));

Auswahl der 2. Option

$('#your-select-box-id :nth-child(2)').prop('selected', true);

Hier fügen wir den Trigger ('change') hinzu, um das Ereignis auszulösen.

$('#your-select-box-id :nth-child(2)').prop('selected', true).trigger('change');

$("[id$='" + originalId + "']").val("0 index value");

setzt es auf 0

Wählen Sie die 4. Option

$('#select').val($('#select option').eq(3).val());

Beispiel auf jsfiddle