javascript - Vanilla JavaScript - 如何检查在多个选择选项中选择了一个选项？

Question

要检查复选框是否被选中，我们这样做:

let isChecked = event.target.checked

像下面这样的多个选择选项怎么样？

<select name="books[]" multiple>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>

当您选择B时，我们如何检查A是否被选中或者A是否未被选中？

Answer 1

由于多选元素处理值的方式，只需检查新值即可。如果是 A，则第一个选定的元素是 A。

document.getElementById("books").addEventListener("change", function(e) {
  console.log(this.value == "A");
});

<select name="books[]" id="books" multiple>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
</select>