clear form element values within specific div or span using jquery

Question

How to clear form elements value within specific div using jQuery, i have more than 25 fields in my form, i need function which is clear all type of form elements value. I tried with the basic jQuery function

$('#div_id input[type="text"]').val('');

$('#div_id *').val('');

Regent
– Regent

2014-10-17 06:55:57 +00:00
Commented Oct 17, 2014 at 6:55 — Regent
– Regent, Commented Oct 17, 2014 at 6:55

Vetrivel · Accepted Answer · 2014-10-17 06:56:32Z

3

hi you can use the below code to solve your problem, I hope it is working

function clear_form_elements(id_name) {
  jQuery("#"+id_name).find(':input').each(function() {
    switch(this.type) {
        case 'password':
        case 'text':
        case 'textarea':
        case 'file':
        case 'select-one':       
            jQuery(this).val('');
            break;
        case 'checkbox':
        case 'radio':
            this.checked = false;
    }
  });
}

answered Oct 17, 2014 at 6:56

Vetrivel

1,1591 gold badge7 silver badges16 bronze badges

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

Comments

Arun P Johny · Accepted Answer · 2014-10-17 06:56:31Z

1

For all kind of input fields(including select and textarea) try the :input-selector

$('#div_id :input').val('');

Your selector will clear only those input element which as an explicit type="text" set, meaning <input name="abc" /> will not be cleared

answered Oct 17, 2014 at 6:56

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

clear form element values within specific div or span using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related