ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでドロップダウンリストから選択された値とテキストを取得するにはどうすればよいですか?
JavaScriptでドロップダウンリストから選択された値とテキストを取得するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-29 17:01:10760ブラウズ
JavaScript でドロップダウン リストから選択した値を取得する
JavaScript を使用してドロップダウン リストまたは選択ボックスから選択した値にアクセスすることは、ウェブ開発。選択された値は、フォームを処理し、ユーザーと対話するための重要な情報を提供します。
選択された値を取得するには、
例でこれを示してみましょう:
<form> <select>
var e = document.getElementById("ddlViewBy");
var value = e.value;
この例では、変数 e は さらに、次を使用して、選択したオプションに関連付けられたテキストを取得することもできます。 このコードは、選択したオプションのテキスト内容をテキスト変数に割り当てます。 対話型例: [Example](interactive-example-code) この例では、ドロップダウンからオプションを選択し、選択した値とテキストの両方をコンソールに記録できます。ご参照ください。 以上がJavaScriptでドロップダウンリストから選択された値とテキストを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。var text = e.options[e.selectedIndex].text;
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。