Nilai borang dalam jQuery
Untuk bekerja dengan atribut value input
juga boleh menggunakan kaedah
val,
yang membolehkan membaca dan menulis
nilai baru.
Mari kita pertimbangkan contoh. Katakan kita mempunyai kod HTML berikut:
<input type="text" id="test" value="!!!">
Mari kita tulis nilai baru 'www'
ke dalam atribut value:
$('#test').val('www');
Kod HTML akan kelihatan seperti ini:
<input type="text" id="test" value="www">
Dan sekarang mari kita paparkan nilai semasa pada skrin:
alert($('#test').val());
Juga untuk kaedah val, penggunaan
fungsi untuk setiap elemen dalam set tersedia. Fungsi
menerima parameter pertama sebagai nombor semasa dalam set, dan
parameter kedua - nilainya semasa.
Ada satu lagi nuansa - untuk tag
textarea
anda tidak boleh mendapatkan kandungan dalaman melalui kaedah
html.
Untuk ini, anda perlu menggunakan
kaedah val.
Pertimbangkan kod HTML berikut:
<textarea id="test">!!!</textarea>
dalam kod Javascript, kita tulis kaedah val:
alert($('#test').val()); // akan memaparkan '!!!'
Kemungkinan besar ini dilakukan untuk keseragaman kerja dengan borang.
Setkan value
semua input kepada '!'.
Dalam value semua input dengan kelas
number terdapat nombor. Lakukan sedemikian rupa
sehingga ia menjadi kuasa dua nombor tersebut.
Paparkan value input dengan kelas in.
Paparkan secara berurutan value
setiap input.
Paparkan kandungan textarea dengan
kelas text.