ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptを使用して標準ドロップダウンボックスの「選択された値」と「選択されたテキスト」を取得する方法

JavaScriptを使用して標準ドロップダウンボックスの「選択された値」と「選択されたテキスト」を取得する方法

高洛峰
高洛峰オリジナル
2016-11-25 15:01:441018ブラウズ

標準のドロップダウン ボックスは HTML で非常に一般的に使用されており、ドロップダウン ボックスが変更されたときにそのテキストまたは値を取得する必要があることがよくあります。

JS を初めて使用する友人は、その値とテキストを間違えて、この 2 つを混同することがよくあります。

多くの場合、私たちの価値はテキストであるため、それは間違いである場合がありますが、実際にはそれらは別のものです。

以下に例を挙げてみましょう。

まず、次のようにドロップダウン ボックスを作成します。

[html]
<オプション選択値="a">a1
<オプション値="b" >b2
<オプション値="c" >c3






JSコードは以下の通り:

[javascript] function GetSelValue() {

var objSel = document.getElementById("selOp");

use using use using using out out through through through off to post through ''s '' through through through through through ‐ ‐ ‐ ‐ //これはテキスト
アラートを取得するためのものです ("現在のテキスト: " + objSel.options(objSel.selectedIndex).text);
}
function GetSelValue() {
var objSel = document.getElementById("selOp") );

("現在の値: " + objSel.value);
" "

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。