jquery获取下拉列表选中的文本值
<select id="AreaId" >
<option value="01" selected="selected">济南</option>
<option value="02">北京</option>
</select>
*jquery获与js获取下拉列表选中的文本值方式是不同的,分别是
jquery获取方式
1.获取值:
$("#AreaId").val();//获取当前选择项的值.
var options=$("#AreaId option:selected");//获取当前选择项. options.val();//获取当前选择项的值.
2.获取文本:
var options=$("#AreaId option:selected");//获取当前选择项.
options.text();//获取当前选择项的文本. options.innerHTML();//获取当前选择项的文本. $("#AreaId").text;
js获取方式
其他属性(js):
innerText:
var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].innerText; //获取当前选择项的文本,IE支持,Firefox不支持.
document.getElementById("AreaId").innerHTML;//获取当前下拉框所有的元素,包括Html代码.注意大小写.
document.getElementById("AreaId").textContent;//获取当前下拉框中所有的选择项文本,不包括Html代码.
本文原创,转载必追究版权。