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

Question

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('');

Not sure why your question was downvoted... +1 – Cecchi Oct 25 '12 at 14:32 — Cecchi, Oct 25 '12 at 14:32

score 10 · Answer 1 · answered Oct 25 '12 at 14:29

10

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("");

answered Oct 25 '12 at 14:29

epascarello

185,306
18
175
214

score 7 · Accepted Answer · answered Oct 25 '12 at 14:28

7

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.

answered Oct 25 '12 at 14:28

Cecchi

1,515
9
9

2

`.class` is [faster](http://jsperf.com/http-stackoverflow-com-questions-13070819-reset-value-o) :) – RASG Oct 25 '12 at 14:58
Interesting, thanks for that. I assume parsing the selector string is what takes longer. – Cecchi Oct 25 '12 at 15:07

score 6 · Answer 3 · answered Oct 25 '12 at 14:33

6

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('');

answered Oct 25 '12 at 14:33

Emissary

9,018
8
50
58

score 0 · Answer 4 · edited Nov 02 '17 at 07:42

0

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

edited Nov 02 '17 at 07:42

venkatvb

673
1
9
23

answered Nov 02 '17 at 07:23

Naushad Ansari

1
1

This is the same as @Emissary 's answer – crmpicco Nov 02 '17 at 13:51

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

4 Answers4

Linked