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

jQuery ドロップダウンから選択したオプションを取得

$("#id").val() を使用して値を返す場合ドロップダウンで選択したオプションを選択すると、予期しない結果が発生する可能性があります。これは、要素 ID とドロップダウン オプションの性質に関係する特定のシナリオが原因です。

ID が aioConceptName の要素がドロップダウンを表す HTML コードでは、次のコードは意図したとおりに動作しません。

$('#aioConceptName').val()

この理由は、val() がドロップダウン内で選択されたオプションではなく、ドロップダウン自体の value 属性を取得するためです。選択したオプションの値またはテキストを取得するには、次の方法を使用します。

選択したテキストの場合:

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

このコードは、ドロップダウン内で選択したオプションを見つけます。 :selected セレクターを使用してそのテキストを取得します。

For Selected値:

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

このコードは同様に、選択されたオプションを見つけますが、その value 属性を返します。

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