iLife's 博客http://blog.csdn.net/fei1502816
在html中標準下拉框很常用,經常有這樣的需求在下拉框改變的時候我們需要獲取它的文本或值。
初學JS的朋友經常會把它的值和文本搞錯,把兩者混爲一談。
有的時候還會歪打正着,因爲經常我們的值就是我們的文本,但是實際它們是不同的東西。
下面我們來舉個例子。
我們先建立一個下拉框,如下:
<select name="selOp" id="selOp" οnchange="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);
}
JQuery代碼如下:
function getSelect(){
//獲取選中下拉框的值
var selValue = $("#下拉框ID option:selected").val();
//獲取選中下拉框的文本
var selText = $("#下拉框ID option:selected").html();
}
LiFei's 博客http://blog.csdn.net/fei1502816