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:

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

Zapiszmy nową wartość 'www' w atrybucie value:

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

Kod HTML będzie teraz wyglądać tak:

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

A teraz wyświetlmy aktualną wartość na ekranie:

javascriptalert($('#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:

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

w kodzie Javascript wpisujemy metodę val:

javascriptalert($('#test').val()); // wypisze '!!!'

Prawdopodobnie zrobiono to dla ujednolicenia pracy z formularzami.

Задание 1

Ustaw value wszystkich inputów na '!'.

Задание 2

W value wszystkich inputów z klasą number znajdują się liczby. Spraw, aby znalazły się w nich kwadraty tych liczb.

Задание 3

Wypisz value inputa z klasą in.

Задание 4

Wypisz kolejno value każdego inputa.

Задание 5

Wypisz zawartość textarea z klasą text.