jQuery

jQuery, il metodo val()

jQuery

Prendiamoci un attimo di pausa dai vari Draggable e Droppable per presentare uno dei metodi base di jQuery : il metodo val()

Si tratta, come detto, di uno dei metodi più utili del framework jQuery e moltissimi sviluppatori web lo utilizzano con tutte le sue potenzialità.

In sostanza, il metodo val() consente di accedere al contenuto di tutti gli elementi che si trovano in un form. Ma non solo. E’, infatti, altresì possibile impostare un valore specifico associandolo ad un particolare elemento.

 

Metodo val() in lettura

Vediamo subito alcuni esempi per chiarirci bene il tutto :

//Accesso al campo tramite ID
var contenuto = $(“#my_field”).val();

 

Tutto decisamente semplice sfruttando il metodo val() in sola lettura. In tal caso, la variabile contenuto sarà valorizzata con il valore del campo con id pari a my_field.

 

Metodo val() in scrittura

Passiamo, ora, alla modalità in scrittura ancora più utile della precedente :

$(“#my_field”).val(“New content!!”);

Come avete notato, la sintassi resta quasi  invariata a meno del fatto che, in scrittura, il metodo val deve accettare in ingresso la stringa da impostare nel campo di testo.

 

Metodo val in select, radiobutton e checkbox

Ancora, a mio avviso, resta poco chiara l’importanza di un metodo del genere. Ma cerco di farvi capire le potenzialità di questa soluzione semplicemente portandovi il seguente esempio. Come ben sapete, col semplice Javascript, ottenere il valore preciso selezionato in un select box html (così come in una checkbox o radiobutton) non è banale. Molte righe di codice per arrivare a stabilire e trovare il valore preciso.

Col metodo val jQuery, invece, tutto si riduce a questo :

//Accesso al valore selezionato in una select tramite il suo ID

    var value = $(‘#id_select’).val();

 

Allo stesso identico modo, purché il valore sia presente nella select, è possibile impostare un valore :

    var value = $(‘#id_select’).val(“Nuovo valore!!”);

 

Per, quanto riguarda, invece, una checkbok, ad esempio :

    var value = $(“#id_checkbox:checked”).val();

jQuery, il metodo val()
Vota questo articolo

Articoli simili

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.