formų value jQuery
Norint dirbti su įvesties laukų value atributu,
taip pat galima naudoti metodą
val,
kuris leidžia nuskaityti ir įrašyti
naujas reikšmes.
Panagrinėkime pavyzdį. Tarkime, kad turime tokį HTML kodą:
<input type="text" id="test" value="!!!">
Įrašykime naują reikšmę 'www'
į value atributą:
$('#test').val('www');
HTML kodas atrodys taip:
<input type="text" id="test" value="www">
O dabar išveskime dabartinę reikšmę į ekraną:
alert($('#test').val());
Metodui val taip pat prieinamas funkcijos
taikymas kiekvienam rinkinio elementui. Funkcija
priima pirmuoju parametru einamąjį numerį rinkinyje, o
antruoju - jo dabartinę reikšmę.
Yra dar vienas niuansas - tag'ui
textarea
negalima gauti vidinio turinio naudojant metodą
html.
Tam reikia naudotis
metodu val.
Panagrinėkime šį HTML kodą:
<textarea id="test">!!!</textarea>
Javascript kode nurodome metodą val:
alert($('#test').val()); // išves '!!!'
Greičiausiai tai padaryta dėl vienodo darbo su formomis principo.
Nustatykite visų įvesties laukų value
reikšmę į '!'.
Įvesties laukų su klase
number value yra skaičiai. Padarykite taip,
kad juose atsirastų šių skaičių kvadratai.
Išveskite įvesties lauko su klase in value reikšmę.
Išveskite paeiliui kiekvieno įvesties lauko
value reikšmę.
Išveskite textarea su
klase text turinį.