Pillole di jQuery – selezionare gli elementi di una form

Selezionare gli elementi della form per tipo

Esistono dei filtri o selettori che possono essere utilizzati allo scopo. Eccone di seguito alcuni. A sinistra il selettore jQuery, a destra quale elemento della form seleziona:

Sintassi del selettore jQuery | quale elemento seleziona della form?

:text | <input type=”text” />

:password | <input type=”password” />

:radio | <input type=”radio” />

:checkbox | <input type=”checkbox” />

:submit | <input type=”submit” />

:image | <input type=”image” />

:reset | <input type=”reset” />

:button | <input type=”button” />

:file | <input type=”file” />

:hidden | <input type=”hidden” />

la sintassi per eseguire una selezione è ad esempio:

jQuery(‘:password’);

Il selettore :input

Da tener presente che esiste anche un selettore

:input

che seleziona i seguenti elementi:

– input
– textarea
– button
– select

Supponendo ad esempio di avere un campo hidden del tipo < input type= ” hidden ” id=”ccc” value=”pippo” / >

potremmo accedere così:

alert($(‘:input, hidden’).val());

oppure attraverso l’id del campo

alert($(‘#ccc’).val())

See you soon!