jQuery: Select all INPUT, SELECT elements for given name but exclude hidden types

Question

I got something like that:

<form id="my_form">
<input type="hidden" name="name_1" value="1">
<input type="text" name="name_2" value="text_1">
<input type="text" name="name_3" value="text_2">
<select name="name_4">
    <option value="1">opt1</option>
    <option value="2">opt2</option>
</select>
</form>

and in my jQuery code:

$('#my_form').serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

Satpal · Accepted Answer · 2014-01-26 21:29:32Z

1

You can use :not()

Change Your selector as

$('#my_form :not(:hidden)').serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

DEMO

edited Jan 26, 2014 at 21:29

answered Jan 26, 2014 at 21:22

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Martin149 · Accepted Answer · 2014-01-26 21:23:22Z

0

$('#my_form').find("input[type!='hidden']").serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

answered Jan 26, 2014 at 21:23

Martin149

234 bronze badges

Comments

Irvin Dominin · Accepted Answer · 2014-01-27 16:53:48Z

0

You can use jQuery not selector:

Selects all elements that do not match the given selector.

Code:

$('#my_form :not([type=hidden])').serializeArray().forEach(function(item){

});

Demo: http://jsfiddle.net/5gygs/

edited Jan 27, 2014 at 16:53

answered Jan 26, 2014 at 21:24

Irvin Dominin

31k9 gold badges83 silver badges114 bronze badges

1 Comment

Reza Owliaei Over a year ago

Why not using '.each()' instead of serializeArray?

Collectives™ on Stack Overflow

jQuery: Select all INPUT, SELECT elements for given name but exclude hidden types

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related