selectのすべてのオプションラベルを値に置き換えるにはどうすればよいですか？

Question

ラベルと異なる値を持つselect要素がある場合、どのようにすべてのラベルを対応するvaluesに置き換えることができますか？

第2に、フレームワークを使用せずに値をアルファベット順にソートするにはどうすればよいですか？

入力：

<select name="options" > 
    <option value="apple">Fruit</option> 
    <option value="rye">Bread</option> 
    <option value="beer">Beverage</option> 
</select> 

出力：getElementsByTagName()とinnerHTMLを使用して、

<select name="options" > 
    <option value="apple">apple</option> 
    <option value="beer">beer</option> 
    <option value="rye">rye</option> 
</select> 

Answer 1

確か：

var allOptions = document.getElementsByTagName("option"); 
for (var i=0; i<allOptions.length; i++) { 
    allOptions[i].innerHTML = allOptions[i].value; 
} 

Here it is in action.

へ参照、アルファベット順にオプションを並べ替える：あなたがそれらが同一になりたい場合はJavascript to sort contents of select element

Answer 2

、あなたは単にvalue属性を省略することができます - optionタグ内の文字列は、値としてサーバーに送信されます。ここをクリックしてください：http://www.w3schools.com/tags/att_option_value.asp。

Answer 3

あなたはこれを行うことができます：あなたはあなたの選択、および削除したり、選択するために、任意の要素を追加するために注文する機能でこれをカプセル化することができます

<select name="options" > 
    <option value="apple">Fruit</option> 
    <option value="rye">Bread</option> 
    <option value="beer">Beverage</option> 
</select> 

<script> 

    var options = document.getElementsByName("options")[0].querySelectorAll("option"); 
    Array.prototype.slice.call(options).map(function (option) { 
     option.innerHTML = option.value; 
    }); 
</script> 

Answer 4

。

機能はこのようなものになるだろう：

function sortSelect(selElem) { 
    var tmpAry = new Array(); 
    for (var i=0;i<selElem.options.length;i++) { 
     tmpAry[i] = new Array(); 
     tmpAry[i][0] = selElem.options[i].text; 
     tmpAry[i][1] = selElem.options[i].value; 
    } 
    tmpAry.sort(); 
    while (selElem.options.length > 0) { 
     selElem.options[0] = null; 
    } 
    for (var i=0;i<tmpAry.length;i++) { 
     var op = new Option(tmpAry[i][0], tmpAry[i][1]); 
     selElem.options[i] = op; 
    } 
    return; 
} 

そして、あなたが好きそれを呼び出す必要があります。

sortSelect(document.getElementsByName("options"));