用js怎样获得下拉框的值

1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。

2、要运行后网页界面如此显示下拉框。

3、接下来我们按照图示代码用js来获取被选中的值。

4、首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。

5、当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

html:

<select

id="sel">

<option

value='s1'>苹果</option>

<option

value='s2'>西瓜</option>

<option

value='s3'>香蕉</option>

</select>

javascript:

$(function(){

var

_val

=

$map(

$("#sel

option:not(:selected)"),

function(ele){return

elevalue}

)join(",");

alert(_val);

})

其中主要的是：$("#sel

option:not(:selected)")，这是返回没被选中的option集合，

使用$map函数对这个集合进行处理，取出其中元素的值，使用","进行分隔。

如果option中没有value属性，那么直接返回option的文本内容。

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可 var selected_val = documentgetElementById(select_id)value;并且，通过 *** 作select下的option也可以得到被选项的value值，方法为： var sel = documentgetElem怎样用js取得select下拉列表框内选中的option的val

方法：获取多选下拉框对象数组→循环判断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 value="option-C">option-C</option> 

<option value="option-D">option-D</option>

</select>

<input type="button" value="确定" onclick="fun()" />

2、javascript代码

function fun(){

var select = documentgetElementById("test");

var str = [];

for(i=0;i<selectlength;i++){

if(selectoptions[i]selected){

strpush(select[i]value);

}

}

alert(str);

}

3、效果演示

以上就是关于用js怎样获得下拉框的值全部的内容，包括:用js怎样获得下拉框的值、js或者jquery如何获取select中未选中的值急求、怎样用js取得select下拉列表框内选中的option的val等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！