Ausgewählte Option der Selectbox einstellen

Question

Ich möchte festlegen, dass eine Option, die zuvor ausgewählt wurde, beim Laden der Seite angezeigt wird. Ich habe es mit dem folgenden Code versucht:

$("#gate").val('Gateway 2');

mit

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='gateway_1'>Gateway 1</option>
    <option value='gateway_2'>Gateway 2</option>
</select>

Aber das funktioniert nicht. Irgendwelche Ideen?

Answer 1

Dies wäre eine weitere Möglichkeit:

$('.id_100 option[value=val2]').prop('selected', true);

Answer 2

Das funktioniert gut. Siehe diese Fiddle: http://jsfiddle.net/kveAL/

Es ist möglich, dass Sie Ihre jQuery in einer $(document).ready() Handler?

Kann es sein, dass Sie zwei Elemente haben, die die gleiche ID haben?

Answer 3

Ich hatte das gleiche Problem.

Lösung: Fügen Sie eine Aktualisierung hinzu.

$("#gate").val('Gateway 2');
$("#gate").selectmenu('refresh');

Answer 4

Einige Fälle können sein

$('#gate option[value='+data.Gateway2+']').attr('selected', true);

Answer 5

Ich weiß, es gibt mehrere Iterationen von Antworten, aber jetzt dies erfordert nicht jquery oder eine andere externe Bibliothek und kann ziemlich einfach nur mit den folgenden erreicht werden.

document.querySelector("#gate option[value='Gateway 2']").setAttribute('selected',true);

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='Gateway 1'>Gateway 1</option>
    <option value='Gateway 2'>Gateway 2</option>
</select>