Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2024-11-03 06:23:03
asal
543 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan