码迷,mamicode.com
首页 > Web开发 > 详细

jquery如何根据text选择option

时间:2015-02-13 14:34:37      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:

百度出来的代码都是这样的: 

1 $(‘#test option[text="b"]‘).attr("selected",true);

1 $(‘#test‘).find(‘option[text="b"]‘).attr("selected",true);

然而,在我的代码中却不起作用,不知原因为何!

终于在海量无用的搜索结果中找到一条线索,解决了问题:

原因:上面两种方法在jquery低于1.4.2的版本(含)中有效,在更高版本中无效!

解决一:精确匹配,选择文本与所给字符串完全一样的option。

1 $(‘#test option‘).filter(function(){return $(this).text()=="b";}).attr("selected",true);

解决二:子串匹配,选择文本包含所给字符串的option。 

1 $("#test option:contains(‘b‘)").attr(‘selected‘, true);

 解决三:自定义函数(网上找的,在此感谢作者)

 1 $("#btn").click(function(){
 2     var count=$("#sel").get(0).options.length;
 3     for(var i=0;i<count;i++){
 4         if($("#sel").get(0).options[i].text == "b")  
 5         {
 6             $("#sel").get(0).options[i].selected = true;          
 7             break;  
 8         }  
 9     }
10 });

参考网址:http://stackoverflow.com/questions/3744289/jquery-how-to-select-an-option-by-its-text

jquery如何根据text选择option

标签:

原文地址:http://www.cnblogs.com/tunnel213/p/4290128.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!