jQuery 使用两个属性更改所选内容（例如 class 和值）

Question

我有一个 <select>，其中选项可以具有相同的值但具有不同的 class。是否可以同时根据这两个元素更改所选选项？

例如：

<select id="select">
  <option class="ABC" value="99">Option 1</option>
  <option class="DEF" value="99">Option 2</option>
  <option class="ABC" value="98">Option 3</option>
  <!-- ....... -->
</select>

if(var === null) {
  $('#select option[class="ABC" value="99"]').prop('selected', true);
}

这是我尝试过的方法，但不起作用

Answer 1

使用两个属性选择器，而不是一个选择器中的多个属性。

$('#select option[class="ABC"][value="99"]').prop('selected', true);

另外，class的正常匹配方式是.ABC，所以应该写成

$('#select option.ABC[value="99"]').prop('selected', true);

jQuery 使用两个属性更改所选内容（例如 class 和值）

jQuery change selected using two attributes (e.g. class and value)

jquery

selected

drop-down-menu