value formas jQuery

Lai strādātu ar ievades lauku value atribūtu, var izmantot arī metodi val, kas ļauj nolasīt un ierakstīt jaunas vērtības.

Apskatīsim piemēru. Pieņemsim, ka mums ir šāds HTML kods:

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

Ierakstīsim jauno vērtību 'www' value atribūtā:

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

HTML kods tagad izskatīsies šādi:

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

Un tagad izvadīsim pašreizējo vērtību uz ekrāna:

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

Metodei val ir pieejama arī funkcijas piemērošana katram elementam kopā. Funkcija pieņem pirmo parametru kā pašreizējo numuru kopā, un otro - kā tā pašreizējo vērtību.

Ir vēl viena nianse - priekš textarea taga nevar iegūt iekšējo saturu caur metodi html. Lai to izdarītu, ir jālieto val metode.

Apskatīsim šādu HTML kodu:

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

Javascript kodā pierakstām metodi val:

alert($('#test').val()); // izvadīs '!!!'

Visticamāk, tas ir izdarīts darba ar formu vienveidības nodrošināšanai.

Iestatiet visu ievades lauku value uz '!'.

Visu ievades lauku ar klasi number value atrodas skaitļi. Padariet tā, lai tajos būtu šo skaitļu kvadrāti.

Izvadiet ievades lauka ar klasi in value.

Izvadiet katram ievades laukam value pēc kārtas.

Izvadiet textarea ar klasi text saturu.