Bagaimana untuk Mendapatkan Teks Pilihan Berdasarkan Nilai dalam jQuery?

Mendapatkan semula Teks Pilihan mengikut Nilai dalam jQuery

Dalam bidang pembangunan web, mengekstrak maklumat khusus daripada elemen adalah tugas biasa. Dalam jQuery, kami boleh memanfaatkan kuasa pemilih untuk mencapai ini dengan mudah.

Pertimbangkan senario di mana anda mempunyai senarai lungsur yang ditakrifkan sebagai:

<code class="html"><select id="list">
    <option value="1">Option A</option>
    <option value="2">Option B</option>
    <option value="3">Option C</option>
</select></code>

Objektifnya adalah untuk mendapatkan semula teks pilihan dengan nilai tertentu (mis., "2"), tidak kira sama ada pilihan itu dipilih. Menggunakan pemilih seperti "$("#list[value='2']").text();" tidak akan menghasilkan hasil yang diingini.

Penyelesaian 1: Menyasarkan Pilihan Tertentu

Untuk mendapatkan teks pilihan dengan nilai tertentu, gunakan pemilih berikut:

<code class="javascript">$("#list option[value='2']").text();</code>

Penyelesaian 2: Mendapatkan Pilihan Yang Dipilih

Sebagai alternatif, jika anda ingin mendapatkan semula teks pilihan yang sedang dipilih, gunakan pemilih ini:

<code class="javascript">$("#list option:selected").text();</code>

Dengan memanfaatkan pemilih ini, anda boleh mengekstrak teks pilihan yang diingini dengan mudah, memperkasakan anda dengan kawalan yang tepat ke atas aplikasi web anda.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Teks Pilihan Berdasarkan Nilai dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!