ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使用してドロップダウンリストから選択したテキストを取得する方法?

jQueryを使用してドロップダウンリストから選択したテキストを取得する方法?

DDD
DDDオリジナル
2024-12-14 14:27:10532ブラウズ

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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。