2016-04-27 82 views
1

我想选择一些没有selected类的下拉项目。jquery按类选择下拉项目

我在codepen上有很好的例子。如果我添加multiple="multiple"它运作良好,但它的正常列表。我不想

Codepen example

HTML

<select id="ddlSelect"> 
    <option value="1">İsmail</option> 
    <option value="2" selected>Hakkı</option> 
    <option value="3" selected disabled>Şen</option> 
</select> 

<select id="ddlSelect2" multiple="multiple"> 
    <option value="1">İsmail</option> 
    <option value="2" selected>Hakkı</option> 
    <option value="3" selected disabled>Şen</option> 
</select> 

JS

$(document).ready(function() { 
    $("#ddlSelect :not(option:selected)").each(function(index, value) { 
    console.log($(this).text()); 
    }); 

    $("#ddlSelect2 :not(option:selected)").each(function(index, value) { 
    console.info($(this).text()); 
    }); 
}); 

回答

0

那么这是因为不止一个元素时可以选择下拉菜单是具有多个属性集。

但是,对于单个选择,只能选择一个值。您也可以使用一种变通方法有属性选择在这里:

$("#ddlSelect :not(option[selected])").each(function(index, value) { 
console.log($(this).text()); 
}); 

Demo