JavaScript를 사용하여 표준 드롭다운 상자의 '선택한 값' 및 '선택한 텍스트'를 얻는 방법

표준 드롭다운 상자는 HTML에서 매우 일반적으로 사용됩니다. 드롭다운 상자가 변경될 때 드롭다운 상자의 텍스트나 값을 가져와야 하는 경우가 있습니다.

JS를 처음 접하는 친구들은 값과 텍스트를 혼동하여 혼동하는 경우가 많습니다.

때때로 우리의 가치는 텍스트이기 때문에 실수일 때도 있지만 실제로는 서로 다른 것이기 때문입니다.

예를 들어보겠습니다.

먼저 다음과 같이 드롭다운 상자를 만듭니다.

[html]
<옵션 선택 값="a">a1
<옵션 값="b" >b2
<옵션 값="c" > c3
  d4
;select name="selOp" id="selOp" onchange="GetSelValue();">
<옵션 선택 값="a">a1
<옵션 값="b" >b2
<옵션 값="c" >c3< /option>
d4
< 옵션 값="e" >e5




JS 코드는 다음과 같습니다.

[javascript] function GetSelValue() {

var objSel = document.getElementById("selOp")

//값을 얻기 위한 것
Alert("현재 값: " + objSel.value)

//텍스트를 얻기 위한 것
Alert("현재 텍스트: " + objSel.options(objSel.selectedIndex).text);
}
function GetSelValue() {
var objSel = document.getElementById ("selOp");
 
                               ~ ~ 현재 텍스트: " + objSel.options(objSel.selectedIndex).text);
}