Bagaimana untuk menetapkan nilai untuk dipilih dalam jquery

jQuery ialah perpustakaan JavaScript yang sangat popular yang menyediakan pembangun cara yang mudah dan mudah untuk memanipulasi dokumen HTML dan mencapai kesan interaktif. Apabila membangunkan aplikasi web, memanipulasi elemen borang adalah salah satu keperluan yang paling biasa. Artikel ini akan memberi tumpuan kepada cara menetapkan nilai untuk dipilih dalam jQuery.

Secara umumnya, kaedah menetapkan nilai untuk dipilih dalam HTML adalah sangat mudah Anda hanya perlu menetapkan atribut nilai untuk senarai pilihannya. Walau bagaimanapun, dalam pembangunan bahagian hadapan, kita selalunya perlu mengendalikan elemen bentuk melalui JavaScript. Pada masa ini, jQuery telah menjadi pilihan pertama kami. Berikut ialah contoh elemen pilih HTML yang mudah:

<select id="food">
  <option value="1">Pizza</option>
  <option value="2">Sushi</option>
  <option value="3">Burgers</option>
</select>

Jika kita ingin menetapkan nilai kotak pilihan "Makanan" kepada "Sushi" melalui jQuery, kita boleh menggunakan kod berikut:

$('#food').val('2');

Di sini, kami menggunakan fungsi val() jQuery, yang membolehkan kami mendapatkan atau menetapkan nilai elemen borang. Ia sangat mudah untuk digunakan, hanya berikan nilai yang diperlukan kepadanya sebagai parameter. Dalam contoh ini, kita mendapat rujukan kepada elemen pilih dengan memilih pemilih ID (#food), dan kemudian hantar nilai yang kita mahu ("2") kepada fungsi val().

Perlu diambil perhatian bahawa nilai yang perlu kita tetapkan mesti sepadan dengan atribut nilai sesuatu pilihan dalam senarai pilihan, jika tidak, operasi akan menjadi tidak sah.

Jika kita ingin menetapkan nilai kotak pilih kepada kandungan teks pilihan dan bukannya atribut nilai, kita boleh menggunakan fungsi penapis() jQuery dan menghantar teks pilihan yang dikehendaki. Contohnya:

$('#food option').filter(function () {
  return $(this).html() === 'Sushi';
}).prop('selected', true);

Di sini, kami menggunakan $('#food option') untuk memilih semua elemen pilihan dan menggunakan fungsi penapis() untuk mencari pilihan yang kami mahu. Dalam fungsi penapis(), kami menggunakan ungkapan fungsi mudah untuk menentukan sama ada kandungan teks pilihan sepadan dengan apa yang kami mahukan. Jika perlawanan berjaya, kami memanggil fungsi prop() dan menetapkan atribut yang dipilih kepada benar untuk memilih pilihan.

Secara amnya, menetapkan nilai untuk dipilih melalui jQuery adalah sangat mudah Anda hanya perlu menggunakan fungsi val() untuk menetapkan atribut nilai atau menggunakan fungsi penapis() untuk memilih pilihan untuk ditetapkan. . Menggunakan petua ini, anda boleh memanipulasi elemen bentuk dalam aplikasi web anda dengan mudah.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan nilai untuk dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!