jquery使用like设置选项的选定属性

Question

如何设置从以下选择框中选择的ubuntu我尝试了以下内容

<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
<option value="val3">Ubuntu -12.04 amd......</option>
</select>


$('#image_id').find('option[text="ubuntu"]').attr('selected');

Answer 1

我假设你的select id值为image_id ：

<select id="image_id">

然后你可以使用：contains（）选择器：

$('#image_id').find('option:contains("Ubuntu")').prop('selected',true);

注意:: :contains是区分大小写的，如果你想匹配ubuntu ，你需要覆盖默认的:contains()方法：

$.expr[":"].contains = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
}); 

小提琴演示

Answer 2

尝试，

$('#image_id').find('option:contains("Ubuntu -12.04")').prop('selected',true);

工作演示

所以根据您的新要求，您可以这样做，

$('#image_id').find('option:contains("Ubuntu"):contains("-12.04")').prop('selected',true);

工作演示

Answer 3

我喜欢使用.filter来获得对查找过程的更多控制：

// Use the function overload for val
$("#image_id").val(function() {
    // Find the value of the option inside which matches the criteria
    return $(this).find("option").filter(function() {
        var text = $(this).text().toLowerCase();
        // Do a case-insensitive search for both "ubuntu" and "12.04"
        return text.indexOf("ubuntu") > -1 && text.indexOf("12.04") > -1;
    }).val();
});

的jsfiddle