Lomakkeiden value jQuery:ssä

Syöttökenttien value-attribuutin kanssa työskentelyyn voidaan myös käyttää metodia val, joka mahdollistaa arvojen lukemisen ja uusien arvojen kirjoittamisen.

Tarkastellaan esimerkkiä. Oletetaan, että meillä on seuraava HTML-koodi:

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

Asetetaan uusi arvo 'www' value-attribuuttiin:

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

HTML-koodi muuttuu näyttämään tältä:

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

Ja nyt tulostetaan nykyinen arvo ruudulle:

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

Metodille val on myös saatavilla toimintoa funktion soveltaminen jokaiselle joukon elementille. Funktio ottaa ensimmäisenä parametrina nykyisen indeksin joukossa, ja toisena - sen nykyisen arvon.

On vielä yksi vivahde - textarea-tagille ei voida saada sisällön sisältöä metodin html kautta. Tätä varten on käytettävä metodia val.

Tarkastellaan seuraavaa HTML-koodia:

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

Javascript-koodissa määritetään metodi val:

alert($('#test').val()); // tulostaa '!!!'

Todennäköisesti tämä on tehty lomakkeiden kanssa työskentelyn yhtenäistämiseksi.

Aseta kaikkien syöttökenttien value arvoksi '!'.

Luokan number sisältävien syöttökenttien value-kentissä on numeroita. Tee niin, että niihin tulee näiden numeroiden neliöt.

Tulosta luokan in syöttökentän value.

Tulosta peräkkäin jokaisen syöttökentän value.

Tulosta textarea-elementin, jolla on luokka text, sisältö.