Bagaimana untuk Memilih Pilihan dalam Dropdown by Text Description dengan jQuery?

Cara Menetapkan Nilai Terpilih dalam Kawalan Pilih Menggunakan Penerangan Teks dengan jQuery

Apabila bekerja dengan kawalan pilihan dalam aplikasi web anda, anda mungkin menghadapi situasi di mana anda perlu menetapkan elemen yang dipilih berdasarkan penerangan teksnya dan bukannya nilainya. Semasa menetapkan nilai adalah mudah menggunakan kaedah val() jQuery, memilih melalui penerangan teks memerlukan pendekatan yang berbeza.

Dalam jQuery versi 1.6 dan ke atas, anda boleh menggunakan coretan kod berikut untuk mencapai ini:

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

Kod ini memilih semua pilihan dalam kawalan pilih dan menapisnya berdasarkan teksnya. Fungsi penapis membandingkan setiap teks pilihan dengan nilai text1 yang disediakan. Setelah pilihan padanan ditemui, sifat yang dipilihnya ditetapkan kepada benar.

Sebagai contoh, pertimbangkan kawalan pilih berikut:

<code class="html"><select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select></code>

Jika anda mahu memilih pilihan dengan teks " Two" menggunakan jQuery, anda boleh menggunakan coretan kod di atas bersama-sama dengan kod berikut:

<code class="html"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></code>

Ini akan menyebabkan pilihan "Dua" dipilih dalam senarai juntai bawah.

Atas ialah kandungan terperinci Bagaimana untuk Memilih Pilihan dalam Dropdown by Text Description dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!