jquery function to empty some elements in a form

Question

I have a page with a form, I'd like with a button have reset button effect only on input text inside a div here is an extraxt of my code:

html:

<div id="new_prom" style="clear:both; padding:2px; border:1px solid red; margin:5px;">
<div>
  Codice <input type="text" id="cod_pro" name="cod_pro" class="short"> Sottocodice <input type="text" id="sotto_pro" name="sotto_pro" class="short"><br>
Nominativo<br>
<input type="text" id="nom_pro" name="nom_pro" class="long">
</div>
<div>
<div class="bt" id="bt_pro">INSERISCI</div> <div class="bt" id="resetta">RESET</div>
</div>

jquery:

$("#resetta").live('click', function()
{
   $("#new_prom > text").each(function(){$(this).val("")});
});

thanks in advance.

ciao, h.

Nick Craver · Accepted Answer · 2010-07-13 18:14:49Z

5

You almost have it correct, the selector is [type='text'] or :text, like this:

$("#resetta").live('click', function() {
  $("#new_prom :text").val("");
});

You can give it a try here, the other part is the .val(""), it'll work on all matched elements when setting, no need to loop in a .each().

answered Jul 13, 2010 at 18:14

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

haltman Over a year ago

Thanks to Nick Craver and Spinon that's working code for me: $("#resetta").live('click', function() { $("#new_prom :text").each(function(){$(this).val("")}); });

spinon · Accepted Answer · 2010-07-13 18:34:50Z

1

Think you forgot the colon.

$("#resetta").live('click', function() 
{ 
   $("#new_prom :text").each(function(){$(this).val("")}); 
});

edited Jul 13, 2010 at 18:34

answered Jul 13, 2010 at 18:15

spinon

10.9k5 gold badges45 silver badges62 bronze badges

2 Comments

haltman Over a year ago

I have tryed your code but not work in my case :( I've to say for understand better my problem that html and jquery codes are not in the same page

spinon Over a year ago

Yeah as @Nick mentioned I missed that the text elements are not direct children and didn't notice you had that. I was just fixing the text selector. So you need to remove the > sign like in my edit.

Collectives™ on Stack Overflow

jquery function to empty some elements in a form

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related