Jeg har et felt valg
med nogle valgmuligheder i det. Nu har jeg brug for at vælge en af disse optioner
med jQuery. Men hvordan kan jeg gøre det, når jeg kun kender værdien
af den option
der skal vælges?
Jeg har følgende 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>
Jeg har brug for at vælge muligheden med værdien val2
. Hvordan kan dette gøres?
Her's en demoside:
Du kan vælge en attribut og dens værdi ved at bruge attributvælgeren [attributename=optionalvalue]
, så i dit tilfælde kan du vælge indstillingen og indstille den valgte attribut.
$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);
Hvor value
er den værdi, du ønsker at vælge efter.
Hvis du har brug for at fjerne tidligere valgte værdier, som det ville være tilfældet, hvis dette bruges flere gange, skal du ændre det en smule, så du først fjerner den valgte attribut
$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
.prop("selected",true);