如何用JavaScript获取标准下拉框的"选中值"和"选中文本"

初学JS的朋友经常会把它的值和文本搞错，把两者混为一谈。

有的时候还会歪打正着，因为经常我们的值就是我们的文本，但是实际它们是不同的东西。

下面我们来举个例子。

我们先建立一个下拉框，如下：

[html] <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>
<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代码如下：

[javascript] function GetSelValue() {
var objSel = document.getElementById("selOp");

//这是获取值
alert("当前值: " + objSel.value);

//这是获取文本
alert("当前文本: " + objSel.options(objSel.selectedIndex).text);
}
function GetSelValue() {
var objSel = document.getElementById("selOp");

//这是获取值
alert("当前值: " + objSel.value);

//这是获取文本
alert("当前文本: " + objSel.options(objSel.selectedIndex).text);
}

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com