Question

I’m trying to figure out how (if possible, which I’m sure I can) to use a different value to that selected in a drop down box in HTML. Happy to use jQuery or JavaScript. So for example I have a series of dropdowns as follows:

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

Naturally when a user chooses say ‘Brazil’ the option displays ‘Brazil BRA’. However, I would like to instead use the value ‘BRA’ is it possible to do this? Am I just being dumb and it can be done in plain HTML?

Answer 1

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

Side note: I believe IE6 needs that value or things get funky onsubmit.