js或者jquery如何获取select中未选中的值

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的文本内容。

不需要重新刷新页面。新选中下拉列表（select）的选项（option）会触发change事件，即选择项改变事件，因此可以在change事件的响应函数中获取新选中option的value值，而不必要刷新页面。实例演示如下:

1、HTML结构

<select id="test" onchange="fun()">

<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>

2、javascript代码

function fun(){

var select = documentgetElementById("test");

alert(selectvalue);

}

3、效果演示

以上就是关于js或者jquery如何获取select中未选中的值全部的内容，包括:js或者jquery如何获取select中未选中的值、jquery获取HTML select下拉列表中新选中option的value值，必须要重新刷新一下页面么、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！