Ich habe ein "Select"-Feld mit einigen Optionen darin. Jetzt muss ich eine dieser Optionen mit jQuery auswählen. Aber wie kann ich das tun, wenn ich nur den "Wert" der "Option" kenne, die ausgewählt werden muss?
Ich habe das folgende HTML:
<div class="id_100">
<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
</select>
</div>
Ich muss die Option mit dem Wert val2
auswählen. Wie kann das gemacht werden?
Hier's eine Demo-Seite:
Um eine Option mit dem Wert 'val2' auszuwählen:
$('.id_100 option[value=val2]').attr('selected','selected');
Heben Sie zunächst die Markierung für alle auf und filtern Sie die auswählbaren Optionen:
$('.id_100 option')
.removeAttr('selected')
.filter('[value=val1]')
.attr('selected', true)
Sie können ein beliebiges Attribut und seinen Wert mit dem Attributselektor [Attributname=optionalerWert]
auswählen. In Ihrem Fall können Sie also die Option auswählen und das ausgewählte Attribut festlegen.
$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);
Dabei ist Wert
der Wert, nach dem Sie auswählen möchten.
Wenn Sie alle zuvor ausgewählten Werte entfernen müssen, wie es der Fall wäre, wenn dies mehrfach verwendet wird, müssen Sie es leicht ändern, um zuerst das ausgewählte Attribut zu entfernen
$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
.prop("selected",true);