jquery按類選擇下拉項目

Question

我想選擇一些沒有selected類的下拉項目。

我在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()); 
    }); 
}); 

Answer 1

那麼這是因爲不止一個元素時可以選擇下拉菜單是具有多個屬性集。

但是，對於單個選擇，只能選擇一個值。您也可以使用一種變通方法有屬性選擇在這裏：

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

Demo