javascript - ボタンの div onclick 内のすべての選択ボックスをリセットする方法は?

Question

私の形で

<div class="container">
    <select name="sel1">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <select name="sel2">
        <option value="0">Zero</option>
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
</div>
<input type="button" onclick="resetAll()" value="Reset"/>

sel1、sel2 の両方をデフォルト値にリセットする必要があります。つまり、selectedIndex = 0;

function resetAll()
{
     //what should i write here to do this
}    

私は20以上のセレクトボックスを持っています。助けはありますか？

Answer 1

これを試してみてください。これは、任意の数で機能するはずですdrop downs

function resetAll()
{
    var selects = document.getElementsByTagName('select');
    var len = selects.length;
    for(var i=0; i<len; i++){
        selects[i].selectedIndex=0;
    }
}

デモ: http://jsfiddle.net/LAaRv/1/

アップデート：

「sel1」と「sel2」のみをリセットしたい場合は、これを試してください。

function resetAll()
{
    var selects = document.getElementsByTagName('select');
    var len = selects.length;
    for(var i=0; i<len; i++){
        if(selects[i].name == "sel1" || selects[i].name == "sel2"){
           selects[i].selectedIndex=0;
        }
    }
} ​

</p>

Answer 2

コンテナ アイテムに ID を追加するだけで、簡単に参照できます。この方法では、そこにある選択ボックスのみをリセットし、ページにある他の選択ボックスはリセットしません。

function resetAll() {
    var container = document.getElementById('container');
    var children = container.getElementsByTagName('select');
    for (var i = 0; i < children.length; i++) {
        children[i].selectedIndex = 0;
    }
}

Answer 3

これを試して

var secondCombo = document.getElementsByName("sel1")[0];
secondCombo.value = 0;