怎样用js取得select下拉列表框内选中的option的value值呢

<select id="myselect">
<option
value="fist">1</option>
<option
value="second">2</option>
<option
value="third">3</option>
</select>
不用select的onchange事件,直接取到已近选中的那个值

单选下拉列表框对象的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.selectedIndex].value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(this.value)">
<option value="0">options-0</option>
<option value="1">options-1</option>
<option value="2">options-2</option>
</select>

2、效果演示

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-05-11

单选下拉列表框对象的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.selectedIndex].value;

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

本回答被网友采纳
第2个回答  2013-07-18
document.getElementById("myselect").value追问

取不到哦,必须用onchange事件或onclick事件才可以,我想在js中直接得到下拉框内已经选中的那个值得value

追答<script type="text/javascript">
function getSltValue() {
    alert(document.getElementById("myselect").value);
}
</script>

<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>
<input type="button" value="value" onclick="getSltValue()"/>

测试正常,还是说你想要的是 1、2、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获取select中选中的option的value值
现在有一id=test的下拉框,怎么拿到选中的那个值呢?分别使用javascript原生的方法和jquery方法<select id="test" name=""> <option value="1">text1<\/option> <option value="2">text2<\/option> <\/select>code:一:javascript原生的方法 1:拿到select对象: var myselect=do...

用javascript怎么取下拉列表的值
对于单选下拉列表,value属性可以直接获取其选中项的value值。下面实例演示——单击按钮获取下拉列表选中项的value值:1、HTML结构 <select id="test"><option value="1">option-1<\/option><option value="2">option-2<\/option><option value="3">option-3<\/option><option value="4">option-4<...

js如何获取到select的option值?
1、首先输入下方中的代码:var obj = document.getElementByIdx_x(”testSelect”); \/\/定位id var index = obj.selectedIndex; \/\/ 选中索引 2、然后继续输入下方中的代码:var text = obj.options[index].text; \/\/ 选中文本 var value = obj.options[index].value; \/\/ 选中值 3、最后运行了...

jsp中的选择下拉筐select怎么判断是选择第一个option选项,如果是选择第...
这个用js就可以做了 var index = window.document.getElementById("Select1").selectedIndex;var option_value= document.getElementById("Select1").options[index].value;这样就可以获取到了选中的option中的value值,然后在判断就好了啊,当然你要在select 标签上设置一个 id="Select1" 和增加一个...

js中怎么获得本页下拉菜单选定的值
首先设置下拉列表控件的id属性 <select id="test" name=""> <option value="1">text1<\/option> <option value="2">text2<\/option> <\/select> 1:拿到select对象: var myselect=document.getElementById("test");2:拿到选中项的索引:var index=myselect.selectedIndex ; \/\/ sele...

js怎么能取得多选下拉框选中的多个值?
方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:1、HTML结构 <select id="test" multiple="true"><option value="option-A">option-A<\/option> <option value="option-B">option-B<\/option><option ...

js 怎么获取select value值 和optione的文字?
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码,选中选项2。2、在index.html中的<script>标签,输入js代码:var value = $('#myselect').val();var text = $('#myselect').find("option:selected").text();$('body').append('value=' + value + ',text=...

如何用javascript取得<html:select>中<html:option>的值?
每一个选择框select都有一个options的列表对象。<select id="subject" name="subject"> <option value="one">文本值1<\/option> <option value="two">文本值2<\/option> <option value="three">文本值3<\/option> <\/select> 使用:options[2].value,这样可以得到值“three”;使用options[2]....

请问怎么在JS中获取这个下拉菜单被选中的value值?
var sel=document.frm.custcho;\/\/var sel=document.getElementById("custcho");sel_value = sel.options[sel.selectedIndex].value;

相似回答