Select Javascript选择选择列表的第一个选项

我需要创建一个重置按钮，单击该按钮将把表单中的所有选择列表设置为索引0。我已经为函数尝试了这段代码，但它在myForm.length上给出了一个语法错误

<script type="text/javascript">function ResetForm(form) {     
var myForm = document.forms[form];   
  for( var i=0; i < myForm.length; i++ ){                                   
myForm.select[i].selectedIndex =0;     }  }

</script>

---

没有someForm.select这样的属性，请改为尝试以下操作：

selectTags = myForm.getElementsByTagName("select");

for(var i = 0; i < selectTags.length; i++) {
  selectTags[i].selectedIndex =0;
}  

---

您可能会发现jquery在这里很有用。这应该可以解决问题

$(function()
{
    $('.resetButton').click(function()
    {
        $(this).closest('form').find('select').each(function()
        {
            $(this)[0].selectedIndex=0;
        });
    });
});

---

这将在更改为第一个选项后直接设置每个选项：

    <select onchange="your_selection_func(); this.selectedIndex=0;">

---

我意识到这有点陈旧，但我想改进teh1的答案。当您要从“this”获取DOM元素时，没有理由从它创建jQuery对象：

$(this).closest('form').find('select').each(function() {
    this.selectedIndex = 0;
});

---

只需设置.selectedIndex属性，如mySelect.selectedIndex=0；中所示；。试试下面的例子

var doc=单据； var myCheckbox=doc.getElementById'my-checkbox'； var mySelect=doc.getElementById'my-select'； myCheckbox.addEventListenerclick，函数E{ 如果这个被选中了{ mySelect.disabled=false； }否则{ mySelect.selectedIndex=0； mySelect.disabled=true； } }; 启用下拉列表 选择凭证 苹果 橘子 香蕉 我发现了一些黑客：

<select onchange="doSomething()">
  <option value="a" selected disabled hidden>a</option>
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="…">…</option>
</select>

所选禁用隐藏原因的组合，visualy first选项响应更改事件，即使值相同

---

使用IE、Edge、Opera、Chrome，但不使用FF:

罗恩·罗伊斯顿的简短回复 我只在Chrome74.0上试过这个

设置mySelect.selectedIndex=0；或$'mySelect'。propselectedIndex，0；如果禁用该选项，则该选项将不起作用

---

希望这能节省一些时间和挫折

selectElement.selectedIndex=0；