jquery如何根据text选择option

来源:互联网 发布:activity之间数据传递 编辑:程序博客网 时间:2024/06/12 23:12

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

[javascript] view plain copy
  1. $('#test option[text="b"]').attr("selected",true);  

[javascript] view plain copy
  1. $('#test').find('option[text="b"]').attr("selected",true);  

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

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

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

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

[javascript] view plain copy
  1. $('#test option').filter(function(){return $(this).text()=="b";}).attr("selected",true);  

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

[javascript] view plain copy
  1. $("#test option:contains('b')").attr('selected'true);  

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

[javascript] view plain copy
  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
原创粉丝点击