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

jQuery: ドロップダウンから選択されたオプションを取得する

ドロップダウン要素を操作する場合、選択されたオプションを取得するには、ドロップダウンとは異なるアプローチが必要になる場合があります。通常は他のフォーム要素に使用されます。これは、ドロップダウンからオプションを選択しても、ドロップダウンの値が直接変更されないためです。代わりに、選択されたオプションは ':selected' プロパティによって識別されます。

この目的のために、jQuery は次のような簡単なソリューションを提供します。

選択されたテキストの取得

選択したオプションのテキストを取得するには、 use:

var conceptName = $('#aioConceptName').find(":selected").text();

選択した値の取得

選択したオプションの値が必要な場合は、次を使用します:

var conceptName = $('#aioConceptName').find(":selected").val();

理由このコンテキストでは val() が機能しない可能性があります。これは、ドロップダウン内のオプションをクリックすると、オプションの :selected プロパティが変更されるためです。ドロップダウンの値。したがって、val() を使用して直接アプローチすると、望ましい結果が得られない可能性があります。

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