Javascript 如何在单击按钮时重置div内的所有选择框？

以我的形式

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

我有20多个选择框。有什么帮助吗？

试试这个

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

---

试试这个，这应该适用于任何数量的

下拉列表

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

函数resetAll（）
{
var selects=document.getElementsByTagName（'select'）；
var len=selects.length；
对于（var i=0；i而言，只需向容器项添加一个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;
    }
}

函数resetAll（）{
var container=document.getElementById（'container'）；
var children=container.getElementsByTagName（'select'）；
对于（变量i=0；i
无需使用任何for循环即可-

对于第一个索引-

 $("select").each(function() { this.selectedIndex = 0 });

对于空选择-

 $("select").each(function() { this.selectedIndex = -1 });

这将重置页面上的所有元素，Nevin只想重置容器元素中的元素。
 $("select").each(function() { this.selectedIndex = 0 });

 $("select").each(function() { this.selectedIndex = -1 });