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

如题所述

<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="弹出下拉列表的值" />
加分咯!很辛苦的
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-11-13
<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都适用!
第2个回答  2011-08-17
<select name="sel" dir="rtl" onchange="alert(this.value)">
<option>菜单一</option>
<option>菜单二</option>
<option>菜单三</option>
</select>

刚试过!
第3个回答  2012-09-20
太TM坑爹了 alert(rtl.options.(rtl.selectedIndex).value); 这句代码是错的 应该 alert(rtl.options.‘[rtl.selectedInde].value);吧?
第4个回答  2011-08-17
document.getElementById("rtl").value
rtl 为Select 的id

用js怎样获得下拉框的值?
1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。2、要运行后网页界面如此显示下拉框。3、接下来我们按照图示代码用js来获取被选中的值。4、首先我们通过selectedIndex来获得被选中的下标,再通过下标来获得值。5、当然,如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

js如何获取下拉框选中项的文本
方法一:使用JavaScript原生态的方法.1.获取值:var obj=document.getElementById("AreaId");for (i=0;i<obj.length;i++) {\/\/下拉框的长度就是它的选项数.if (obj[i].selected== true ) { var text=obj[i].value;\/\/获取当前选择项的 值 .} } 2.获取文本:for (i=0;i<obj.leng...

用javascript怎么取下拉列表的值
对于单选下拉列表,value属性可以直接获取其选中项的value值。下面实例演示——单击按钮获取下拉列表选中项的value值:1、HTML结构 option-1option-2option-3option-4 2、javascript代码 function fun(){obj = document.getElementById("test");alert(obj.value);}3、效果演示 ...

怎样用js取得select下拉列表框内选中的option的value值呢
单选下拉列表框对象的value属性值就是选中项的value值,因此只需用如下代码即可 var selected_val = document.getElementById(select_id).value;并且,通过操作select下的option也可以得到被选项的value值,方法为:var sel = document.getElementById(select_id);var selected_val = sel.options[sel.sel...

js怎么能取得多选下拉框选中的多个值?
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:1、HTML结构 option-A option-Boption-C option-D2、javascript代码 function fun(){var select = document.getElementById("test");var str = [];for(...

js如何获取下拉框选中项的文本?
1、双击打开HBuilder编辑工具,新建静态页面并引入AngularJS核心文件。2、在插入一个div标签元素,然后在div标签内插入select标签元素。3、调用AngularJS中的module和controller,初始化下拉框的值。4、利用ID选择器设置下拉框的样式布局,设置宽度、高度、字体属性、圆角和背景渐变。5、在select标签元素上...

如何使用JS获取下拉列表框的显示值
js获取下拉列表框文本值,例如下面的HTML代码: 北京 上海 广州 也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码:function isSelected(value) { var cityName; var city = document.getElementById("city"); \/\/获取选中的城市名称 for(...

js获取动态下拉列表的值如何获取?
下拉控件: 如果你要获取的是动态生成所有的值,用如下方法:var obj = document.getElementById('selectId');var options = obj.options;for(var i=0,len=options.length;i<len;i++){ var opt = options[i]; alert(opt.value + '---' + opt.text);}如果你只要获取当前选择的值...

JSP中如何取得下拉框的值???
通过js获取下拉框的值 -- 增加onchange事件 <%while (rs.next()) {%> -- 这里没有给选项赋值 -- 改为,如:<option value="<%=rs.getString(1)%>"> <%=rs.getString(1)%> <%}%> function check(){var id = document.getElementsByName("sel").value;-- 获取下拉框的值...

如何用js取下拉框中的内容
select下拉框的第二个元素为当前选中值 ('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值 ('input[@name=items]').get(1).checked = true;获取值:文本框,文本区域:$("#txt").attr("value");多选框checkbox:$("#checkbox_id").attr("value");单选组radio...

相似回答