在html中标准下拉框很常用,经常有这样的需求在下拉框改变的时候我们需要获取它的文本或值。
初学JS的朋友经常会把它的值和文本搞错,把两者混为一谈。
有的时候还会歪打正着,因为经常我们的值就是我们的文本,但是实际它们是不同的东西。
下面我们来举个例子。
我们先建立一个下拉框,如下:
<
select
name
="selOp"
id
="selOp"
onchange
="GetSelValue();"
>
<
option
selected value
="a"
>
a1
</
option
>
<
option
value
="b"
>
b2
</
option
>
<
option
value
="c"
>
c3
</
option
>
<
option
value
="d"
>
d4
</
option
>
<
option
value
="e"
>
e5
</
option
>
</
select
>
JS代码如下:
function
GetSelValue()
{
var objSel = document.getElementById("selOp");
//这是获取值
alert("当前值: " + objSel.value);
//这是获取文本
alert("当前文本: " + objSel.options(objSel.selectedIndex).text);
}
