首頁 > web前端 > js教程 > 如何使用 jQuery 從下拉清單中取得選定的文字?

如何使用 jQuery 從下拉清單中取得選定的文字?

DDD
發布: 2024-12-14 14:27:10
原創
609 人瀏覽過

How to Get Selected Text from a Dropdown List Using jQuery?

使用 jQuery 從下拉清單中取得所選文字

需要從下拉清單中擷取所選文字的實際文字? jQuery 提供了一個簡單的解決方案:

$("#yourdropdownid option:selected").text();
登入後複製

讓我們分解一下:

  • $("#yourdropdownid"):選擇下拉清單指定的ID。
  • option:針對選項(列出項目)在下拉清單中。
  • :selected:過濾選項以取得目前選定的選項。
  • .text():擷取所選選項的文字內容。

透過組合這些元素,您可以輕鬆擷取所選選項文字作為字串。例如,如果您的下拉清單的ID 為“mydropdown”,並且所選選項的文字為“Red”,您可以這樣獲取它:

var selectedText = $("#mydropdown option:selected").text();
登入後複製

當您需要時,此方法特別有用在程式碼中顯示或操作所選文本,而不依賴所選值。

以上是如何使用 jQuery 從下拉清單中取得選定的文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板