javascript - 如何检查数组对象是否等于选项值

Question

我的表单上有以下选择框，其中选项数量未知:

<select>
   <option value="v1">v1</option>
   <option value="v2">va2</option>
   <option value="v3">va3</option>
   <option value="v11">v11</option>
   <option value="v12">va12</option>
   <option value="v13">va13</option>
</select>​

我在 JavaScript 中定义了以下数组:

var checkValArray = ['v1', 'v2', 'v13'];

我想做的是遍历选择框的每个选项，看看数组中的元素是否与其相等。

将其付诸实践的最佳方法是什么？

非常感谢您的帮助。

Answer 1

有一个非常有用的 jQuery API 方法:$.inArray 。所以它应该是这样的:

var optionValue = $('select option:selected').val();
if ($.inArray(optionValue, checkValArray) !== -1) {
  // it's in
}
else {
  // it's not
}

对于多选，它可以与诸如...之类的东西一起使用

$('select option:selected').each(function() {
   if ($.inArray(this.value, checkValArray) !== -1) { ... }
});