更改de select選項值的名稱

Question

我有這個html代碼，我想將值從0更改為美國，從1更改為澳大利亞，從3更改為加拿大，我需要在mysqol數據庫中將此值的名稱命名。

謝謝

html

<form method="post" id="countriesForm" name="countriesForm" enctype="application/x-www-form-urlencoded">
<select id="select1" name="select1">
    <option value="0">USA</option>
    <option value="1">AUSTRALIA</option>
    <option value="2">CANADA</option>
</select>
</form>
<img id="flags" height="30" width="50" border="0" name="flags"></img>

js

(function(){
var imageArray = new Array("http://www.agem.org/images/flags/united_states.png", "http://www.agem.org/images/flags/australia.png", "http://www.agem.org/images/flags/canada.png");
var altArray = new Array("USA", "AUSTRALIA", "CANADA");

    document.getElementById('select1').onchange = function() {
        var e = document.getElementById('select1');
        var index = e.options[e.selectedIndex].value;
        var targetImg = document.getElementById('flags');
        targetImg.src = imageArray[index];
        targetImg.alt = altArray[index];
    };
})();

Answer 1

您可以執行以下操作： <option value="usa">USA</option>或者可以在onSubmit-Listener中檢查數字是多少，然后更改應提交的值：

function submit() {
  var select1 = document.getElementById('select1');
  var index = select1.value;
  var country = 'usa';
  if(index == 0) {
    country = 'usa';
  } else if(index == 1) {
    country = 'australia';
  } else if(index == 2) {
    country = 'cananda';
  }
}