代码之家 › 专栏 › 技术社区 › Jason

使用JavaScript,如何重置表单中的所有select,以便选中每个select的第一个选项?

jquery javascript

Jason · 技术社区 · 15 年前

我有一个只包含选择字段的表单,一个提交按钮和一个重置按钮。

<form id="search_form">

<select id="country">
  <option value="-1">Select Country</option>
  <option value="22">USA</option>
  <option value="23">Germany</option>
  ...
</select>

<select id="regions">
  <option value="-1">Select Region</option>
  ...
</select>

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

</form>

每个选择字段都有一个值为“-1”的默认选项。

使用JQuery最好的方法是什么?

1 回复 | 直到 15 年前

Nick Craver 15 年前

.val() 打电话,像这样:

$("#search_form select").val("-1");

$("#search_form input:reset").click(function(e) {
  $(this).closest("form").find("select").val("-1");
  e.preventDefault();
});â

You can give it a try here ,但是如果您只是使用它来默认值而不是重置它们,我会使用按钮而不是 type="reset"

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前