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