Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah Saya Boleh Menetapkan Nilai Terpilih Kawalan Pilih dengan Penerangan Teks Menggunakan jQuery?

Bagaimanakah Saya Boleh Menetapkan Nilai Terpilih Kawalan Pilih dengan Penerangan Teks Menggunakan jQuery?

DDD
DDDasal
2024-11-03 06:23:03482semak imbas

How Can I Set the Selected Value of a Select Control by Text Description Using jQuery?

jQuery: Menetapkan Nilai Terpilih bagi Kawalan Pilih melalui Penerangan Teks

Dalam senario ini, anda ingin menetapkan nilai yang dipilih bagi pilih kawalan menggunakan jQuery berdasarkan penerangan teksnya dan bukannya nilainya. Walaupun menetapkannya mengikut nilai adalah mudah menggunakan $("#my-select").val(myVal), anda mencari kaedah untuk berbuat demikian melalui penerangan teks.

Untuk jQuery versi 1.6 dan ke atas, anda boleh manfaatkan pendekatan berikut:

<code class="js">var text1 = 'Two';
$("select option").filter(function() {
  // May want to use $.trim in here
  return $(this).text() == text1;
}).prop('selected', true);</code>

Penyelesaian ini menggunakan fungsi penapis untuk memilih elemen pilihan dengan teks yang sepadan dengan merentasi nod teksnya. Ia kemudian menetapkan sifat yang dipilih bagi elemen padanan kepada benar, dengan berkesan menetapkannya sebagai pilihan yang dipilih.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menetapkan Nilai Terpilih Kawalan Pilih dengan Penerangan Teks Menggunakan 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