Question

我正在尝试选择一些没有selected类的下拉项目。

我在codepen上有很好的例子。如果我添加multiple="multiple"它的效果很好，但它与普通列表一样。我不想要

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

这是因为当下拉列表设置了多个属性时，可以选择多个元素。

但是对于单选，只能选择一个值。作为一种解决方法，您可以在此处使用has属性选择器：

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

Demo

jquery按类选择下拉项

1 个答案: