javascript - 如何使用与下拉列表中选择的值不同的值

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>

当然，当用户选择“巴西”时，选项会显示“巴西 BRA”。但是，我想改为使用值“BRA”，可以这样做吗？我只是愚蠢吗？它可以用纯 HTML 完成吗？

Answer 1

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

旁注:我相信 IE6 需要这个值，否则提交时事情会变得很奇怪。