Untuk pembangun web, jQuery ialah perpustakaan yang sangat berguna yang boleh menjadikan kod JavaScript lebih ringkas dan mudah dibaca. Dalam jQuery, terdapat banyak kaedah yang membantu pembangun memperoleh dan memanipulasi elemen HTML dengan mudah.
Artikel ini akan menumpukan pada cara jQuery memperoleh kawasan teks (Textarea).
Pertama, jika anda tidak biasa dengan medan teks, berikut ialah ikhtisar ringkas. Medan teks ialah kawalan bentuk dalam HTML yang membolehkan pengguna memasukkan berbilang baris teks. Medan teks biasanya digunakan dalam senario seperti ulasan pengguna dan input mesej.
Dalam jQuery, mendapatkan nilai medan teks adalah sangat mudah. Katakan kita mempunyai elemen medan teks:
<textarea id="myTextArea"></textarea>
Untuk mendapatkan nilai medan teks ini, anda boleh menggunakan kaedah .val(). Sebagai contoh, kod berikut akan mendapat nilai medan teks dan mencetaknya ke konsol:
var textAreaValue = $('#myTextArea').val();
console.log(textAreaValue);Apabila pengguna memasukkan nilai dalam medan teks dan mengklik butang hantar, anda mungkin perlu menggunakan jQuery untuk mendapatkan nilai dan menghantarnya ke pelayan. Berikut ialah kod contoh:
$('#submitButton').on('click', function() {
var textAreaValue = $('#myTextArea').val();
$.ajax({
url: 'submit.php',
method: 'post',
data: {textAreaValue: textAreaValue},
success: function(response) {
console.log(response);
},
error: function() {
console.log('There was an error submitting the form.');
}
});
});Kod di atas akan menghantar permintaan AJAX POST untuk menyerahkan.php apabila butang hantar diklik, di mana data permintaan termasuk nilai medan teks. Sekiranya berjaya, respons akan dicetak ke konsol.
Selain itu, jika anda perlu menukar nilai medan teks secara dinamik, anda boleh menggunakan kod berikut:
$('#myTextArea').val('New Value');Kod di atas akan menggantikan nilai asal dalam medan teks dengan yang baharu teks.
Jika anda perlu menambah beberapa teks lalai pada kawasan teks, anda boleh melakukannya dengan menambahkan atribut placeholder pada teg