javascript - reset value of multiple (but not all) form fields with jQuery in one line - Stack Overflow

admin管理员组

文章数量:1301523

Is it possible to reset multiple form fields in one line, or one hit, with jQuery. Note: I don't want to reset all form fields, only a specified whitelist (as below):

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

Is it possible to reset multiple form fields in one line, or one hit, with jQuery. Note: I don't want to reset all form fields, only a specified whitelist (as below):

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

• javascript
• jquery
• html
• forms
• jquery-1.7

Share Improve this question Follow asked Oct 25, 2012 at 14:27 crmpiccocrmpicco 17.2k3131 gold badges138138 silver badges219219 bronze badges 1

• Not sure why your question was downvoted... +1 – Cecchi Commented Oct 25, 2012 at 14:32

Add a comment  | 

4 Answers 4

Sorted by: Reset to default 12

It is better to use a class so you do not have to maintain a long list of ids.

HTML

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

JavaScript

$(".resetThis").val("");

jQuery (and CSS) selector strings can contain multiple selectors using a comma as a delimiter for sub-selectors:

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

I'd argue that this is faster than using a class (ID look-ups should perform in essentially constant time, whereas a class look-up will have to visit every DOM node), but perhaps less maintainable if you're going to want to change which elements get reset.

If you have a lot of fields i'd label the ones you want to ignore with a class to minimise code:

$('#myForm input:not(.ignore)').val('');

You can use $('#Form_name select:not(.fixed)').val('');

本文标签： javascriptreset value of multiple (but not all) form fields with jQuery in one lineStack Overflow