как использовать значение, отличное от выбранного в раскрывающемся списке

Question

Я пытаюсь выяснить, как (если возможно, что, я уверен, я могу) использовать значение, отличное от того, которое выбрано в раскрывающемся списке в HTML. Рад использовать JQuery или JavaScript. Так, например, у меня есть ряд выпадающих следующим образом:

<select id="country" title="Country">
    <option>Argentina ARG</option>
    <option>Australia AUS</option>
    <option>Austria AUT</option>
    <option>Austria AUT</option>
    <option>Belgium BEL</option>
    <option>Brazil BRA</option>
    <option>Canada CAN</option>
</select>

Естественно, когда пользователь выбирает «Бразилия», опция отображает «Brazil BRA». Тем не менее, я хотел бы вместо этого использовать значение «BRA», возможно ли это сделать? Я просто тупой, и это можно сделать в простом HTML?

Answer 1

<option value="BRA">Brazil BRA</option>

Примечание: я полагаю, что IE6 нужно, чтобы value или что-то пошло напрасно.

Answer 2

Вы можете использовать атрибут значения значения. Таким образом, текст, который отображается пользователю, это Аргентина ARG, но значение, которое публикуется с формой, просто ARG.

<select id="country" title="Country">
    <option value="ARG">Argentina ARG</option>
    <option value="AUS">Australia AUS</option>
             ...
</select>

Answer 3

<select id="country" title="Country">
    <option value="ARG">Argentina</option>
    <option value="AUS">Australia</option>
</select>

Answer 4

Использовать атрибут значения: http://www.w3schools.com/tags/att_option_value.asp