jQuery loop through input and select fields

Question

I want to loop through all my input elements and select elements in one loop but this doesn't work.

$('#blockProperties :input :select').each(function () {
    // do something
});

When I only loop through one of the two it does work.

The problem was that :select doesn't work, by changing it to select it worked both in my way as Box9's and michelgotta's way. Thanks — Mats Hofman
– Mats Hofman, Commented Mar 31, 2011 at 12:00
Using :input will give you all form elements like radiobuttons, checkboxes, textareas, inputs. There is no :select selector in jQuery. — michelgotta
– michelgotta, Commented Mar 31, 2011 at 12:01

David Tang · Accepted Answer · 2011-03-31 11:52:39Z

7

The selector should be:

'#blockProperties :input, #blockProperties select'

What you have is looking for a select inside an input.

answered Mar 31, 2011 at 11:52

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

Comments

karim79 · Accepted Answer · 2011-03-31 12:01:56Z

5

The manual says :input "selects all input, textarea, select and button elements." So just do:

$('#blockProperties :input').each(function () {
    ...

answered Mar 31, 2011 at 12:01

karim79

343k67 gold badges420 silver badges409 bronze badges

michelgotta · Accepted Answer · 2011-03-31 12:02:38Z

2

$('#blockProperties input, #blockProperties select').each(function () {
    // do something
});

or (for all form elements):

$('#blockProperties :input').each(function () {
    // do something
});

answered Mar 31, 2011 at 11:52

michelgotta

1,0018 silver badges11 bronze badges