Rumah  >  Artikel  >  hujung hadapan web  >  textarea set nilai jquery

textarea set nilai jquery

王林
王林asal
2023-05-14 12:15:372656semak imbas

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 1: kaedah val()

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".

Kaedah 2: kaedah text()

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".

Ringkasan

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn