Kaedah val
Kaedah val membolehkan anda mendapatkan dan mengubah
nilai semasa elemen.
Sintaks
Beginilah cara kita mendapatkan nilai semasa elemen pertama dalam set:
$(pemilih).val();
Kaedah val kebanyakannya digunakan untuk
mendapatkan nilai elemen borang, seperti:
input,
select
dan textarea. Jika
ia dipanggil pada koleksi kosong, ia akan mengembalikan undefined.
Apabila bekerja dengan select yang mempunyai atribut
multiple ditetapkan, kaedah akan mengembalikan array nilai setiap
option yang dipilih. Jika tiada satu pun dipilih,
array kosong akan dikembalikan. Beginilah cara kita menetapkan
nilai setiap elemen dalam set. Anda boleh
menghantar rentetan, array atau nombor sebagai parameter:
$(pemilih).val(nilai);
Mengaplikasikan fungsi kepada setiap elemen dalam set. Fungsi menerima indeks semasa dalam set sebagai parameter pertama, dan nilai semasanya sebagai parameter kedua:
$(pemilih).val(nama atribut, function(indeks dalam set, nilai semasa));
Contoh
Dalam contoh berikut, mari kita dapatkan nilai yang dimasukkan ke dalam input, dan paparkan di bawah dalam perenggan:
<input type="text" value="teks">
<p></p>
p {
color: green;
margin: 8px;
}
$('input').keyup(function() {
let value = $(this).val();
$('p').text(value);
}).keyup();
Contoh
Sekarang dengan kaedah val, kita akan
merekodkan nilai butang yang kita
tekan, ke dalam input yang terletak di bawah:
<div>
<button>satu</button>
<button>dua</button>
<button>tiga</button>
<button>empat</button>
</div>
<input type="text" value="klik butang">
button {
margin: 4px;
cursor: pointer;
}
input {
margin: 4px;
color: green;
}
$('button').click(function() {
let text = $(this).text();
$('input').val(text);
});
