您的位置:首页 > Web前端 > JQuery

jquery如何根据text选择option

2018-01-05 16:13 225 查看
度出来的代码都是这样的:

[javascript] view
plain copy

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



[javascript] view
plain copy

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

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

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

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

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

[javascript] view
plain copy

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

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

[javascript] view
plain copy

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

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

[javascript] view
plain copy

$("#btn").click(function(){  

    var count=$("#sel").get(0).options.length;  

    for(var i=0;i<count;i++){  

        if($("#sel").get(0).options[i].text == "b")    

        {  

            $("#sel").get(0).options[i].selected = true;            

            break;    

        }    

    }  

});  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: