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

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

jquery javascript

Jason · 技术社区 · 14 年前

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

<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 回复 | 直到 14 年前

Nick Craver 14 年前

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

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前