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

在html中标准下拉框很常用,经常有这样的需求在下拉框改变的时候我们需要获取它的文本或值。

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

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

下面我们来举个例子。

我们先建立一个下拉框,如下:

如果用JavaScript获取标准下拉框的"选中值"和"选中文本"<select name="selOp" id="selOp" onchange="GetSelValue();">
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"    
<option selected value="a">a1</option>
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"    
<option value="b" >b2</option>
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"    
<option value="c" >c3</option>
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"    
<option value="d" >d4</option>
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"    
<option value="e" >e5</option>
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"
</select>

 

JS代码如下:

如果用JavaScript获取标准下拉框的"选中值"和"选中文本"如果用JavaScript获取标准下拉框的"选中值"和"选中文本"function GetSelValue() 如果用JavaScript获取标准下拉框的"选中值"和"选中文本"{
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"        
var objSel = document.getElementById("selOp");
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"        
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"        
//这是获取值
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"
        alert("当前值: " + objSel.value);
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"        
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"        
//这是获取文本
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"
        alert("当前文本: " + objSel.options(objSel.selectedIndex).text);
如果用JavaScript获取标准下拉框的"选中值"和"选中文本"}

 

上一篇:初识PL/SQL


下一篇:求以下表达式的值,写出您想到的一种或几种实现方法: 1-2+3-4+……+m