value dei form in jQuery

Per lavorare con l'attributo value degli input si può anche utilizzare il metodo val, che permette di leggere e scrivere nuovi valori.

Consideriamo un esempio. Supponiamo di avere il seguente codice HTML:

<input type="text" id="test" value="!!!">

Inseriamo un nuovo valore 'www' nell'attributo value:

$('#test').val('www');

Il codice HTML diventerà così:

<input type="text" id="test" value="www">

E ora visualizziamo il valore corrente sullo schermo:

alert($('#test').val());

Per il metodo val è anche disponibile l'applicazione di una funzione a ogni elemento nel set. La funzione accetta come primo parametro l'indice corrente nel set, e come secondo - il suo valore corrente.

C'è un'altra particolarità - per il tag textarea non si può ottenere il contenuto interno tramite il metodo html. Per questo bisogna usare il metodo val.

Consideriamo il seguente codice HTML:

<textarea id="test">!!!</textarea>

Nel codice Javascript utilizziamo il metodo val:

alert($('#test').val()); // visualizzerà '!!!'

Molto probabilmente questo è stato fatto per uniformare il lavoro con i form.

Impostate il value di tutti gli input a '!'.

Nel value di tutti gli input con la classe number ci sono numeri. Fate in modo che contengano i quadrati di questi numeri.

Visualizzate il value dell'input con classe in.

Visualizzate in sequenza il value di ogni input.

Visualizzate il contenuto della textarea con classe text.