Rumah > Artikel > hujung hadapan web > textarea set nilai jquery
Apabila menggunakan elemen textarea, kadangkala anda perlu menetapkan nilai awalnya atau mengubah suai nilainya secara dinamik, yang boleh dicapai dengan mudah menggunakan operasi jQuery. Artikel ini menerangkan cara untuk menetapkan nilai textarea menggunakan jQuery.
Kaedah val() boleh mendapatkan atau menetapkan nilai elemen bentuk (termasuk elemen textarea). Sintaksnya adalah seperti berikut:
$(selector).val(value)
Antaranya, pemilih mewakili pemilih elemen yang ingin kita pilih, dan nilai ialah nilai yang akan ditetapkan. Jika argumen nilai ditinggalkan, kaedah ini mengembalikan nilai semasa elemen yang ditentukan.
Berikut ialah contoh, yang menetapkan nilai awal untuk elemen textarea dengan ID myTextarea:
<textarea id="myTextarea"></textarea>
$(document).ready(function(){ $('#myTextarea').val('初始的文本内容'); });
Selepas melaksanakan kod di atas, kandungan teks dalam kotak teks akan ditetapkan selepas halaman dibuka ialah "kandungan teks awal".
Kami juga boleh menggunakan kaedah yang sama untuk mengubah suai kandungan textarea secara dinamik. Contohnya, apabila pengguna mengklik butang, kami boleh mengubah suai kandungan textarea kepada "kandungan teks baharu":
<textarea id="myTextarea"></textarea>
$(document).ready(function(){ $('#myTextarea').val('初始的文本内容'); $('#modifyBtn').click(function(){ $('#myTextarea').val('新的文本内容'); }); });
Selepas melaksanakan kod di atas, klik butang "Ubah Suai Kandungan" pada halaman dan textarea kandungan Ia akan diubah suai menjadi "kandungan teks baharu".
Cara lain untuk menetapkan nilai textarea ialah menggunakan kaedah text(). Kaedah ini menetapkan kandungan teks elemen tetapi mengabaikan teg HTML. Oleh itu, jika kandungan textarea mengandungi tag HTML, tag ini akan dianggap sebagai teks. Sintaks kaedah text() adalah seperti berikut:
$(selector).text(content)
Antaranya, pemilih mewakili pemilih elemen yang ingin kita pilih, dan kandungan ialah kandungan teks yang akan ditetapkan. Jika parameter kandungan ditinggalkan, kaedah ini mengembalikan kandungan teks semasa bagi elemen yang ditentukan.
Berikut ialah contoh yang menetapkan nilai awal untuk elemen textarea dengan ID myTextarea:
<textarea id="myTextarea"></textarea>
$(document).ready(function(){ $('#myTextarea').text('初始的文本内容'); });
Selepas melaksanakan kod di atas, kandungan textarea akan ditetapkan kepada "awal" selepas halaman dibuka kandungan teks".
Kami juga boleh menggunakan kaedah text() untuk mengubah suai kandungan textarea secara dinamik. Contohnya, apabila pengguna mengklik butang, kami boleh mengubah suai kandungan textarea kepada "kandungan teks baharu":
<textarea id="myTextarea"></textarea>
$(document).ready(function(){ $('#myTextarea').text('初始的文本内容'); $('#modifyBtn').click(function(){ $('#myTextarea').text('新的文本内容'); }); });
Selepas melaksanakan kod di atas, klik butang "Ubah Suai Kandungan" pada halaman dan textarea kandungan Ia akan diubah suai menjadi "kandungan teks baharu".
Di atas ialah dua kaedah untuk jQuery menetapkan nilai textarea. Kaedah val() sesuai untuk kebanyakan kes, manakala kaedah text() sesuai untuk kes di mana teg HTML perlu diabaikan. Jika anda perlu menetapkan nilai awal textarea atau mengubah suai kandungannya secara dinamik, sila pilih kaedah yang sesuai mengikut situasi tertentu.
Atas ialah kandungan terperinci textarea set nilai jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!