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

js或者jquery如何获取select中未选中的值,第1张

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

你好!!

//可以通过以下方式设置

 //通过返回dom对象,设置"选中索引"属性的方式

 $("#sel")[0]selectedIndex = 0;

 

 //直接使用eq()定位option,通过prop()方式,设置选中状态

 $("#sel option")eq(2)prop("selected",true);function test(num){

        $("#sel")[0]selectedIndex = num;

        

        $("#sel option")eq(num)prop("selected",true);

}

希望对你有帮助!!

方法步骤如下:

1、首先打开计算机,然后打开前端编辑软件,新建一个html文件。

2、在html代码页面新建标签,再在界面内输入如下代码:<input type="button" value="清空" onclick="clearSelect();"/>  <div id="test">   <select name="">    <option value="0">请选择下拉菜单</option>    <option value="1">选择1</option>    <option value="2">选择2</option>    <option value="3">选择3</option>   </select>  </div>。

3、然后再在界面内添加点击事件并输入如下代码: <script>   function clearSelect(){    $("#test select")each(function(){     $(this)find("option")eq(0)prop("selected",true)    })   }  </script>。

4、保存html文件后使用浏览器打开,会出现选择select下拉菜单。

5、然后选择第二个选项即可。

以上就是关于js或者jquery如何获取select中未选中的值全部的内容,包括:js或者jquery如何获取select中未选中的值、jquery 设置 某个 指定option的值 为 selected、如何用jquery选中select的第二个option等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9702535.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存