Selecting Textbox in a form

Question

I have the following query:

$("input:text").somefunction();

How can I also include a button and Textarea in the above code without using classes?

Answer 1

You can include extra elements by adding commas.

$('#myForm input:text:eq(9), #myForm input:button, #myForm input:textarea').someFunction();

Answer 2

:text filters the inputs for text-boxes, so simply selecting :input will get what you're after:

Selects all input, textarea, select and button elements.

note that this is a bit confusing: $('input') selects all <input> elements (buttons too, but not textareas), but $(':input') gets what you want.

Answer 3

Besides the usual approach of expanding your selector with commas, you can use add:

$('#form :input:text:eq(9)')
    .add('#form textarea')
    .add('#form :input:button')
    .add('anything_else')
    .somefunction();

Note however that :input alone will select all your form elements.

Reference: :input selector