Bagaimana untuk Mendapatkan Teks Pilihan Tertentu dalam Senarai Jatuh Bawah Menggunakan jQuery?

Cara Mendapatkan Teks Teg Pilihan Tertentu Menggunakan jQuery

Dalam HTML, senarai lungsur turun, diwakili oleh elemen, membolehkan pengguna memilih satu atau lebih pilihan daripada set yang telah ditetapkan. Setiap pilihan ditakrifkan menggunakan elemen, yang mengandungi nilai dan label teks. Mendapatkan semula label teks bagi pilihan tertentu boleh berguna untuk pelbagai tujuan, seperti memaparkan pilihan pengguna atau mengisi elemen bentuk lain.

Mendapatkan Teks Pilihan Khusus mengikut Nilai

Diberikan elemen dengan nilai yang diketahui, kita boleh mendapatkan teksnya menggunakan jQuery seperti berikut:

$("#list option[value='2']").text(); // Returns "Option B"

Di sini, kami memilih elemen dalam elemen dengan ID "senarai" yang mempunyai nilai "2". Kaedah text() kemudian mengembalikan label teks yang dikaitkan dengan pilihan itu, iaitu "Pilihan B".

Mendapatkan Teks Pilihan Yang Dipilih Semasa

Sebagai alternatif, jika kita ingin mendapatkan semula teks pilihan yang sedang dipilih, kami boleh menggunakan pemilih berikut:

$("#list option:selected").text();

Pemilih ini mengenal pasti elemen yang mempunyai atribut yang dipilih. Ia mengembalikan label teks bagi pilihan yang dipilih, tanpa mengira nilainya.

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

sumber：php.cn

Artikel sebelumnya：Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan kandungan artikel anda: * **Mengambil Data daripada API Jauh: Mengapa Mod \'no-cors\' Menyebabkan \"Tamat Input Tidak Dijangka\"?** * **Cara Tangan Artikel seterusnya：Bagaimana untuk Mengakses Pembolehubah Ahli Persendirian daripada Fungsi Ditakrifkan Prototaip dalam JavaScript?

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

0

2

1684

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

0

10

1838

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

0

1

1561

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...

daripada 2024-04-18 23:52:34

0

1

1467

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1520

Topik-topik yang berkaitan

Lagi>

• Pengenalan kepada perisian vps percuma asing
• Penyelesaian kepada port phpstudy3306 sedang diduduki
• Apakah jenis indeks Oracle?
• Apa yang perlu dilakukan jika tiada bunyi dari mikrofon komputer
• Bagaimana untuk menyelesaikan ralat1
• Perbezaan antara rawak dan pseudo-rawak
• Apakah perisian pemprosesan imej
• Tutorial penggunaan Kindeditor

Cadangan popular

• apa maksud js
• js怎么将字符串转为数组？
• javascript如何刷新页面
• js数组怎么删除某一项
• sqrt函数怎么使用

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1415310
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4253397
• 
  Tutorial Video Permulaan JAVA

  2462337
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  502677
• 
  Tutorial pengenalan berasaskan sifar PHP

  842926

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1415310 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2462337 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  502677 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  215167 kali belajar
• 
  Kuasai tutorial video PS dari awal

  873470 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  6109 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  4665 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  4018 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  600 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  20457 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

Tentang kita Penafian Sitemap

Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！