Kiválasztási opció beállítása 'selected', érték szerint

Van egy select mezőm, amelyben van néhány lehetőség. Most ki kell választanom az egyik opciót a jQuery-vel. De hogyan tehetem ezt meg, ha csak a kiválasztandó opció "értékét" ismerem?

A következő HTML-em van:

<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>

Ki kell választanom az val2 értékű opciót. Hogyan lehet ezt megtenni?

Itt'van egy demo oldal: http://jsfiddle.net/9Stxb/

Peter Mortensen
Szerkesztett kérdés 2. július 2016 в 9:37
Programozás
jquery html-select jquery-selectors
12. november 2012 в 12:16
16 nézetek

A 'val2' értékű opció kiválasztása:

$('.id_100 option[value=val2]').attr('selected','selected');
Peter Mortensen
Szerkesztett válasz 2. július 2016 в 9:35
Kommentárok (11)

Először törölje az összes jelölést, és szűrje a választható opciókat:

$('.id_100 option')
     .removeAttr('selected')
     .filter('[value=val1]')
         .attr('selected', true)
Peter Mortensen
Szerkesztett válasz 25. június 2016 в 1:25
Kommentárok (4)

Bármely attribútumot és annak értékét kiválaszthatja az attribútumválasztó [attribútumnév=opcionálisérték] használatával, így az Ön esetében kiválaszthatja az opciót és beállíthatja a kiválasztott attribútumot.

$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);

Ahol value az az érték, amely alapján ki akarod választani.

Ha el kell távolítanod a korábban kiválasztott értékeket, mint például, ha ezt többször használod, akkor kissé meg kell változtatnod, hogy először a kiválasztott attribútumot távolítsd el.

$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
        .prop("selected",true);
Peter Mortensen
Szerkesztett válasz 25. június 2016 в 1:26
Kommentárok (0)