jq设置select下拉框默认选中

以下#sel为select的id
单选框：
一：通过value值设置默认选中
方法一：

 $("#sel").val('xx');//设置value为xx的option选项为默认选中

方法二：

 $("#sel option[value='xx']").prop("selected",true);$("#sel option[value='xx']").prop("selected",selected);//两种方法效果一样

二：通过text设置默认选中

var selected="锤子";
$("#sel").find("option").each(function(){if($(this).text() == selected)   {$(this).attr("selected",true);}});

踩坑的方法：
一：

   $("#sel").find("option:contains('xx')").attr("selected",true)；$("#sel").find("option:contains('xx')").prop("selected",true);

通过判断是否包含某个值设置，如果有两个字符串开头的字母相同会造成不精确的问题
(比如’中国’/‘中国人’，通过‘中国’设置时，会默认选择最后一个包含’中国’的字符串)

二：

 $("#sel").find("option[text='xx']").attr("selected",true);

要是想通过option的文本设定的话，这个方法不合适。这种写法相当于option含有text这个属性

多选框：

<select id="sel" multiple="multiple"><option value="1">aa</option><option value="2">bb</option><option value="3">cc</option>
</select>
$("#sel").val(Array('1','2'));//设置value=1和2的选项为默认选中

jq设置select下拉框默认选中相关推荐

select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用浏览器-360浏览器系统-win10 框架-ligerui 原先代码: <td align="left" class ...
angularjs的select 下拉框默认选中某个选项
angularjs的select 下拉框默认选中某个选项在网上找了很多链接,试验之后都不行.比如常见的: <select class="form-control" ng-m ...
php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
WPF 设置ComboBox下拉框默认选中第一个(All)
设置ComboBox的SelectedIndex属性为0即可. <ComboBox SelectedIndex="0" />
根据后台返回的值来select下拉框默认选中值
转载于:https://blog.51cto.com/11871779/2363444
HTML如何设置select下拉框的默认值？
本篇文章给大家介绍设置select下拉框默认值的方式.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 我们可以在所需选项上使用"selected"属性来设置sel ...
下拉框的高度html,设置select下拉框高度的一种方法
这种方法可以设置下拉框最多显示几条栏目,多余的栏目用显示滚动条展示: 文学集哲学雅思大学网奥数大学网奥数文学集哲学雅思大学网奥数 Layui:设置select下拉框自动选中某项 1.问题 ...
easyui的combobox设置下拉框默认选中某一项
JSP页面:可以这样写,提供option的选项, <input class="easyui-combobox" name="customerStatus" ...

jq设置select下拉框默认选中

jq设置select下拉框默认选中相关推荐

最新文章

热门文章