Pierwsze wartość wybranej opcji (NIE tekstowe) z menu rozwijanego z jQuery

Question

Mam rozwijaną tak:.

<select id="dropdownList"> 
    <option val="1">Item One</option> 
    <option val="2">Item Two</option> 
    <option val="3">Item Three</option> 
</select> 

Gdy używam $ ('# DropdownList') val(), wartość zwracana to "Item One/Two/Three", a nie rzeczywista wartość opcji (1/2/3), która jest tym, czego potrzebuję. Nie jestem pewien, czy powinienem używać czegoś innego niż .val()? Przepraszam, jeśli to gdzieś zostało odebrane, ale moja Google-fu zawodzi mnie na tym.

Answer 1

Zmień html z obowiązującymi value= zamiast val=

Answer 2

Spróbuj to zamiast:

<select id="dropdownList"> 
    <option value="1">Item One</option> 
    <option value="2">Item Two</option> 
    <option value="3">Item Three</option> <!-- this works --> 
    <option val="3">Item Three</option> <!-- this is what you HAD before --> 
</select> 

Lub jeśli nie jest to opcja, a następnie uzyskać wybranego indeksu i szukać $(this).attr('val')

Answer 3

spróbuj tego:

$('#dropdownList option:selected').attr('val') 

uwaga: nie przetestowałem