How to clear a input array all elements using jQuery

Question

I have defined my form elements using the html array method like this:

<input type="text" maxlength="45" name="Apikey[key]">
<select name="Apikey[developer]">

How can I clear all Apikey array using jQuery?

The question is how to clear them? All possible forms fields must be cleared.

The question is to reset them? That's just setting $("el").val("");. But you have special characters in your jQuery selection string which will fail. — Jonathon Faust
– Jonathon Faust, Commented Jan 27, 2011 at 22:25
I don't want a reset. I want all form elements to have no value. Checkboxes cleared, selects to -1 etc... — Pentium10
– Pentium10, Commented Jan 29, 2011 at 18:10

Chandu · Accepted Answer · 2011-01-29 18:20:59Z

3

Try ^(starts with) in the selector instead of |. Also to reset the fields appropriately storing the initial values using data. i.e:

$(function(){
    $("input[name^=Apikey]").each(function(){
      var $this = $(this);
      $this.data("initial-val", $this.val());
    });
});
.
.
.
function resetApiValues(){
   $("input[name^=Apikey]").each(function(){
     var $this = $(this);
     $this.val($this.data("initial-val"));
   });
}

edited Jan 29, 2011 at 18:20

answered Jan 27, 2011 at 22:20

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

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

4 Comments

Pentium10 Over a year ago

This is a good aproach as a selector, but doesn't mentioned how to clear them.

Chandu Over a year ago

Updated the post to reset the value for filtered fields.

Pentium10 Over a year ago

As I mentioned in the questions's comment section I don't need the reset function, I don't need to save the initial values. I would like to clear all filters.

Pentium10 Over a year ago

The above code resets the form, that means it puts back all the values as it was when the page loaded initially. Instead I am looking to clear all the form elements, and I don't care about their initial values. The val() doesn't work on checkboxes/radios and selects.

mu is too short · Accepted Answer · 2011-01-29 18:30:50Z

The easiest thing to do would be to use the "standard" form plugin and call clearForm() or clearFields():

$('#formId').clearForm();
$('#formId [name^=Apikey]').clearFields();

Or, if you don't want or need all the extra form plugin machinery, just grab the source and figure out how clearForm() and clearFields() work. clearFields() is actually quite simple:

$.fn.clearFields = $.fn.clearInputs = function() {
    return this.each(function() {
        var t = this.type, tag = this.tagName.toLowerCase();
        if (t == 'text' || t == 'password' || tag == 'textarea') {
            this.value = '';
        }
        else if (t == 'checkbox' || t == 'radio') {
            this.checked = false;
        }
        else if (tag == 'select') {
            this.selectedIndex = -1;
        }
    });
};

Kris Ivanov · Accepted Answer · 2011-01-29 21:14:52Z

1

here you go:

$("input[name^='Apikey']").attr("name", "");

to clear the values:

$("input[name^='Apikey']").val("");

I see that you have edited to include different HTML elements, in that case:

$("*[name^='Apikey']")).each(function() { 
    switch(this.type) { 
        case 'password': 
        case 'select-multiple': 
        case 'select-one': 
        case 'text': 
        case 'textarea': 
            $(this).val(''); 
            break; 
        case 'checkbox': 
        case 'radio': 
            this.checked = false; 
    } 
});

edited Jan 29, 2011 at 21:14

answered Jan 27, 2011 at 22:38

Kris Ivanov

10.6k2 gold badges26 silver badges36 bronze badges

Comments

aefxx · Accepted Answer · 2011-01-27 22:21:48Z

0

$('input[name^="Apikey"]')...

See the official jQuery API here. bye

answered Jan 27, 2011 at 22:21

aefxx

25.4k6 gold badges47 silver badges55 bronze badges

1 Comment

Pentium10 Over a year ago

This is a good aproach as a selector, but doesn't mentioned how to clear them.

Ivan · Accepted Answer · 2011-01-29 18:02:14Z

-1

You cant just clear all the values. Some elements like SELECT have to have a value.

answered Jan 29, 2011 at 18:02

Ivan

3,66720 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to clear a input array all elements using jQuery

5 Answers 5

4 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related