jquery - 确定 html select 的任何子选项中是否包含值

Question

给定一个选择

<select id="Myselect">
<option value="-1">Please Select<option>
<option value="1">Selection 1<option>
<option value="2">Selection 2<option>
</select>

使用 JQuery 确定选择中是否存在值为 X 的选项的最佳方法是什么？

Answer 1

您可以使用选择器和 .length 来完成此操作，像这样:

var exists = $("#mySelect option[value='-1']").length !== 0;

或者作为函数:

function optionExists(val) {
  return $("#mySelect option[value='" + val + "']").length !== 0;
}

如果不是数字，并且其中可能有 '(例如拧紧选择器)，则可以使用 .filter() ，像这样:

function optionExists(val) {
  return $("#mySelect option").filter(function() {
           return this.value === val;
         }).length !== 0;
}