jQueryを使用してドロップダウンリストの特定のオプションのテキストを取得するにはどうすればよいですか?

jQuery を使用して特定のオプション タグ テキストを取得する方法

HTML では、 で表されるドロップダウン リスト。要素を使用すると、ユーザーは事前定義されたセットから 1 つ以上のオプションを選択できます。各オプションは、 を使用して定義されます。要素。値とテキスト ラベルの両方が含まれます。特定のオプションのテキスト ラベルを取得すると、ユーザーの選択内容を表示したり、他のフォーム要素を設定したりするなど、さまざまな目的に役立ちます。

値による特定のオプションのテキストの取得

指定されたオプション既知の値を持つ要素の場合、次のように jQuery を使用してそのテキストを取得できます。

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

ログイン後にコピー

ここでは、

を選択します。 内の要素ID が「list」で、値が「2」の要素。 text() メソッドは、そのオプションに関連付けられたテキスト ラベル (「オプション B」) を返します。

現在選択されているオプションのテキストの取得

あるいは、現在選択されているオプションのテキストを取得するには、次のセレクターを使用できます。

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

このセレクターは を識別します。選択された属性を持つ要素。値に関係なく、選択したオプションのテキスト ラベルを返します。

以上がjQueryを使用してドロップダウンリストの特定のオプションのテキストを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。