由于 HTML 中的 selected 关键字，表单中的重置按钮不会将选择重置为第一个元素答案

【问题标题】：reset button in form doesn't reset selection to first element because of selected keyword in HTML由于 HTML 中的 selected 关键字，表单中的重置按钮不会将选择重置为第一个元素
【发布时间】：2012-04-19 22:12:49
【问题描述】：

我在表单中有一个重置按钮

<input type="reset" value="Reset">

还有一些选择

<select>
<option value="0">A</option>
<option value="10" selected="selected">B</option>
</select>

如果我点击重置，没有任何反应。 Here 就是一个例子。

编辑： 我认为重置按钮将重置为选择列表的第一个值。这似乎是对我的误解。我想重置为选择的第一个元素。

那么在 Javascript 中创建重置函数的唯一方法是什么？如果用户关闭了 Javascript 怎么办？

【问题讨论】：

那么你就是 SOL。 - 您可以重置一个提交按钮，该按钮请求一个新表单，并在项目 0 上选择了一个
@testing，你的小提琴在 Firefox 10 上对我有用（选择另一个选项，然后单击 Reset 将 product a 恢复为选定值）。你用的是什么浏览器？
什么是 SOL？我正在使用 Firefox 11、Chrome 17、IE 9 ...我对多个提交按钮的体验很糟糕，因为 this.form.submit(); 不再起作用了。默认选择产品 a。当用户点击重置时，它应该显示“-none-”。
@testing，这不是reset 按钮的工作方式。将恢复页面加载时最初选择的值，而不是列表的第一个值。
那么如何重置为列表的第一个值？

标签： javascript html reset forms html-select

【解决方案1】：

当我点击重置按钮时，表单重置为默认值。它在您的示例中有效（选项 10 是默认值）。

【讨论】：

【解决方案2】：

将所有输入、选择等的值强制为空...

$("#filter_form").find("select, input, checkbox").val("");

【讨论】：