value form w jQuery
Do pracy z atrybutem value inputów
można również użyć metody
val,
która pozwala odczytywać i zapisywać
nowe wartości.
Rozważmy przykład. Załóżmy, że mamy następujący kod HTML:
<input type="text" id="test" value="!!!">
Zapiszmy nową wartość 'www'
w atrybucie value:
$('#test').val('www');
Kod HTML będzie teraz wyglądać tak:
<input type="text" id="test" value="www">
A teraz wyświetlmy aktualną wartość na ekranie:
alert($('#test').val());
Dla metody val dostępne jest również zastosowanie
funkcji do każdego elementu w zestawie. Funkcja
przyjmuje jako pierwszy parametr aktualny numer w zestawie, a
jako drugi - jego aktualną wartość.
Jest jeszcze jeden niuans - dla tagu
textarea
nie można uzyskać wewnętrznej zawartości za pomocą metody
html.
Należy do tego używać
metody val.
Rozważmy następujący kod HTML:
<textarea id="test">!!!</textarea>
w kodzie Javascript wpisujemy metodę val:
alert($('#test').val()); // wypisze '!!!'
Prawdopodobnie zrobiono to dla ujednolicenia pracy z formularzami.
Ustaw value
wszystkich inputów na '!'.
W value wszystkich inputów z klasą
number znajdują się liczby. Spraw,
aby znalazły się w nich kwadraty tych liczb.
Wypisz value inputa z klasą in.
Wypisz kolejno value
każdego inputa.
Wypisz zawartość textarea z
klasą text.
