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

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

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

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

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

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

[html] a1
b2
c3
d4
e5

<オプション選択値="a">a1
<オプション値="b" >b2
<オプション値="c" >c3
d4
e5




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);
" "