5

是否可以使用 jQuery 在一行或一击中重置多个表单字段。注意：我不想重置所有表单字段，只重置指定的白名单（如下所示）：

// reset some form fields                       
$('#address11').val('');
$('#address21').val('');
$('#town1').val('');
$('#county1').val('');
$('#postcode1').val('');
4

4 回答 4

12

最好使用一个类，这样您就不必维护一长串 id。

HTML 

<input type="text" class="resetThis" id="address11" />
<input type="text" class="resetThis" id="address21" />

JavaScript

$(".resetThis").val("");
于 2012-10-25T14:29:03.787 回答
8

jQuery（和 CSS）选择器字符串可以包含多个选择器，使用逗号作为子选择器的分隔符：

$('#address11, #address21, #town1, #county1, #postcode1').val('');

我认为这比使用类更快（ID 查找应该在基本恒定的时间内执行，而类查找必须访问每个 DOM 节点），但如果你想要的话，可能不太容易维护更改哪些元素被重置。

于 2012-10-25T14:28:02.037 回答
6

如果您有很多字段，我会用一个类标记您想要忽略的字段以最小化代码：

$('#myForm input:not(.ignore)').val('');
于 2012-10-25T14:33:01.157 回答
0

您可以使用$('#Form_name select:not(.fixed)').val('');

于 2017-11-02T07:23:08.747 回答