ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用してドロップダウン リストから選択された値とテキストを取得する方法
JavaScript を使用してドロップダウン リストから選択された値とテキストを取得する方法
- DDDオリジナル
- 2024-12-24 06:18:16713ブラウズ
JavaScript を使用してドロップダウン リストから選択した値を取得する
ドロップダウン リストから値を選択することは、Web 開発における一般的なタスクです。 JavaScript は、
次のドロップダウン リストを検討します。
<form> <select>
選択した値を取得するには、次の JavaScript コードを使用します。
var e = document.getElementById("ddlViewBy");
var value = e.value;
これにより、値が割り当てられます。選択したオプション (例: "2") を値変数に追加します。
値に加えて、次のことができます。選択したオプションに表示されるテキストも取得します:
var text = e.options[e.selectedIndex].text;
これにより、選択したオプションのテキスト (例: "test2") がテキスト変数に割り当てられます。
これらの手法を利用することにより、を使用すると、JavaScript のドロップダウン リストから選択した値とテキストを簡単に取得できます。
以上がJavaScript を使用してドロップダウン リストから選択された値とテキストを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。