jQueryを使用してドロップダウンリストから選択したテキストを取得するにはどうすればよいですか?

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

Web アプリケーションでドロップダウン リストを操作する場合、多くの場合、これが必要になります。値だけではなく、現在選択されているオプションに関連付けられたテキストを取得します。これは、DOM の操作に広く使用されている JavaScript ライブラリである jQuery を使用すると簡単に実現できます。

ドロップダウン リストから選択したテキストを取得するには、.text() メソッドを利用できます。選択したオプションのテキストコンテンツにアクセスします。構文は簡単です:

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

このコード スニペットでは、「yourDropdownId」をドロップダウン リストの実際の ID に置き換えます。 option:selected セレクターと .text() メソッドを組み合わせることで、現在選択されているオプションのテキストを効果的に取得できます。

たとえば、ID が「myDropDown」のドロップダウン リストを考えてみましょう。

HTML:

<select></select>

2 番目のオプションが現在選択されている場合、次の jQuery コードは「オプション」を返します。 2":

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

この手法は、選択したオプションのテキストをラベルに表示したり、選択に基づいてユーザーにパーソナライズされたフィードバックを提供したりするなど、さまざまなシナリオで広く使用されています。

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