value φορμών στο jQuery

Για την εργασία με το χαρακτηριστικό value των input μπορείτε επίσης να χρησιμοποιήσετε τη μέθοδο val, η οποία επιτρέπει την ανάγνωση και την εγγραφή νέων τιμών.

Ας δούμε ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα HTML:

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

Ας ορίσουμε μια νέα τιμή 'www' στο χαρακτηριστικό value:

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

Ο κώδικας HTML θα γίνει ως εξής:

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

Και τώρα ας εμφανίσουμε την τρέχουσα τιμή στην οθόνη:

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

Επίσης, για τη μέθοδο val είναι διαθέσιμη η εφαρμογή μιας συνάρτησης σε κάθε στοιχείο του συνόλου. Η συνάρτηση δέχεται ως πρώτη παράμετρο τον τρέχοντα αριθμό στο σύνολο, και ως δεύτερη - την τρέχουσα τιμή του.

Υπάρχει ακόμη μια λεπτότητα - για την ετικέτα textarea δεν μπορείτε να λάβετε το εσωτερικό περιεχόμενο μέσω της μεθόδου html. Για αυτό πρέπει να χρησιμοποιείτε τη μέθοδο val.

Ας εξετάσουμε τον ακόλουθο κώδικα HTML:

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

στον κώδικα Javascript καλούμε τη μέθοδο val:

javascriptalert($('#test').val()); // θα εμφανίσει '!!!'

Πιθανότατα αυτό γίνεται για ομοιομορφία στη δουλειά με τις φόρμες.