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

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

DDD
DDD原創
2024-12-14 14:27:10617瀏覽

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