方法一：使用JavaScript原生态的方法.

1.获取值：

document.getElementById("AreaId").value;//有效，能得到正确的值.

var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].value;//获取当前选择项的值.

var obj=document.getElementById("AreaId");

for (i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.

if (obj[i].selected== true ) {

var text=obj[i].value;//获取当前选择项的 值 .

2.获取文本：

var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
document.getElementById("AreaId").options[index].text;//获取当前选择项的文本.

document.getElementById("AreaId").options[index].innerHTML;//获取当前选择项的文本.

　var obj=document.getElementById("AreaId");

for (i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.

if (obj[i].selected== true ) {

var text=obj[i].text;//获取当前选择项的文本.

document.getElementById("AreaId").text;//注意，这句代码无效，得到的结果为undefined.

方法二：使用JQuery方法(前提是已经加载了jquery库).

1.获取值：

$("#AreaId").val();//获取当前选择项的值.

var options=$("#AreaId option:selected");//获取当前选择项.
options.val();//获取当前选择项的值.

2.获取文本：

var options=$("#AreaId option:selected");//获取当前选择项.

options.text();//获取当前选择项的文本.

options.innerHTML();//获取当前选择项的文本.

$("#AreaId").text;//注意，这句代码无效，得到的结果为undefined.

其他属性：

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代码.
    
感谢您怀着耐心看完整篇博文！！！

如果文章有什么错误或不当之处，请您斧正！

您有任何意见或者建议，您可以给我发邮件，也可以在下面留言，我看到了会第一时间回复您的，谢谢！


作者：晓菜鸟
出处：http://www.cnblogs.com/52XF/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。