value φορμών στο jQuery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ορίστε το value όλων των input σε '!'.

Στο value όλων των input με κλάση number βρίσκονται αριθμοί. Κάντε έτσι, ώστε να γίνουν τα τετράγωνα αυτών των αριθμών.

Εμφανίστε το value του input με κλάση in.

Εμφανίστε διαδοχικά το value κάθε input.

Εμφανίστε το περιεχόμενο του textarea με κλάση text.