如何获取html下拉菜单中被选中的项的值

分别使用javascript原生的方法和jquery方法

<select id="test" name="">

<option value="1">text1</option>

<option value="2">text2</option>

</select>

code:

一：javascript原生的方法

1:拿到select对象： var myselect=document.getElementById("test")

2：拿到选中项的索引：var index=myselect.selectedIndex // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value

4:拿到选中项options的text： myselect.options[index].text

二：jquery方法（前提是已经加载了jquery库）

1:var options=$("#test option:selected") //获取选中的项

2:alert(options.val()) //拿到选中项的值

3:alert(options.text()) //拿到选中项的文本

用javascript取值,下面是一个例子:

<select id="Select1" onchange="getSelectValue(this)">

<option value="1">第一项</option>

<option selected value="2">第二项(默认选中)</option>

<option value="3">第三项</option>

<option value="4">第四项</option>

</select>

您选择的是：

<span id="selectValue"></span>

<script language="javascript" type="text/javascript">

function getSelectValue(obj) {

var sValue = obj.options[obj.options.selectedIndex].value//这是取值

var sText = obj.options[obj.options.selectedIndex].innerHTML//这是取文本内容

document.getElementById("selectValue").innerHTML = sText + "，他的值为：" + sValue//测试输出

}

</script>

function getSelectedText(name){

var obj=document.getElementById(name)

for(i=0i<obj.lengthi++){

return obj[i].innerText //关键是通过option对象的innerText属性获取到选项文本

}

}

---