Question

如何在js中获取下拉列表选择的值

Answer 1

<script language="javascript">
function getselectvalue()
{
var rtl=document.getElementById("rtl");
alert(rtl.options.(rtl.selectedIndex).value);
}
</script>
以楼上的数据来用
<select name="sel" id="rtl" >
<option>菜单一</option>
<option>菜单二</option>
<option>菜单三</option>
</select>
<input type="button" onclick="getselectvalue()" value="弹出下拉列表的值" />
加分咯！很辛苦的

Answer 2

<select onchange="isSelected(this.value);" id="city">
<option
value="1">北京</option>
<option value="2" >上海</option>

<option value="2" >广州</option>
</select>
也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：
function isSelected(value) {
var cityName;
var city =
document.getElementById("city");
//获取选中的城市名称

for(i=0;i<city.length;i++){
if(city[i].selected==true){
cityName
= city[i].innerText; //关键点
alert("cityName:" + cityName);
}
}
也可以这样做：

function isSelected(value) {
var city = document.getElementById("city");

alert(city.options[city.selectedIndex].innerText);
}
大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i].innerText
方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i].value.

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i].innerText
改为 city[i].text即可。这种方法对IE及FIXEFOX都适用！

Answer 3

<select name="sel" dir="rtl" onchange="alert(this.value)">
<option>菜单一</option>
<option>菜单二</option>
<option>菜单三</option>
</select>

刚试过！

Answer 4

太TM坑爹了 alert(rtl.options.(rtl.selectedIndex).value); 这句代码是错的 应该 alert(rtl.options.‘[rtl.selectedInde].value);吧？

Answer 5

document.getElementById("rtl").value
rtl 为Select 的id