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

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

实例演示如下:

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

2、效果演示

在你的代码后添加下面代码，就可以在修改select选择后，得到每个select中的值了。

<div id="output_div"></div>

<script type="text/javascript">

$(function(){

output_func();

$("select")change(output_func);

});

function output_func(){

var str="输出显示为：<br>";

$("tr")each(function(){

$(this)find("td")each(function(){

str+="<span style='border:1px solid blue;'>"+$(this)find("select")val()+"</span> ";

});

str+="<br>";

});

$("#output_div")html("<br>" + str);

}

</script>

<script language="javascript">

function getselectvalue()

{

var rtl=documentgetElementById("rtl");

alert(rtloptions(rtlselectedIndex)value);

}

</script>

以楼上的数据来用

<select name="sel" id="rtl" >

<option>菜单一</option>

<option>菜单二</option>

<option>菜单三</option>

</select>

<input type="button" onclick="getselectvalue()" value="d出下拉列表的值" />

加分咯！很辛苦的

Copyright © 1999-2020, CSDNNET, All Rights Reserved

打开APP

js获取值的方式 原创

2018-05-25 09:31:03

奇点码农

码龄15年

关注

每一次 *** 作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了。

比如<select class="selector"></select>

1、设置value为pxx的项选中

$("selector")val("pxx");

2、设置text为pxx的项选中

$("selector")find("option[text='pxx']")attr("selected",true);

$("selector")find("option:contains('"+dep+"')")attr("selected", true);

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$("selector")val();

4、获取当前选中项的text

$("selector")find("option:selected")text();

这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如：$("selector1")change(function(){

// 先清空第二个

$("selector2")empty();

// 实际的应用中，这里的option一般都是用循环生成多个了

var option = $("<option>")val(1)text("pxx");

$("selector2")append(option);

});

以上就是关于怎样用js取得select下拉列表框内选中的option的value值呢全部的内容，包括:怎样用js取得select下拉列表框内选中的option的value值呢、js获取jsp页面表格内select选中的值得问题、如何在js中获取下拉列表选择的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！