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) { ... }
});

Answer 2

$('select option').each(function() {
  if ($.inArray($(this).val(),checkValArray)>-1) {
    // do something
  }
});

Answer 3

您可以使用 $.inArray 方法来实现这一点

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

var options = $('select option');

$.each(options , function(i){
    if($.inArray( $(this).val() , checkValArray) > -1){
       alert('Match Found');
    }
});

检查FIDDLE </p>

Answer 4

这是一个没有 jQuery 的解决方案：

var selectitems = document.getElementsByTagName("select")[0];
var items = selectitems.getElementsByTagName("option");
alert(items.length);
for(var i = 0; i < items.length; i++)
{
    alert(items[i].innerHTML);
}

​</p>

Answer 5

这应该可以解决问题

var selectedArray = $("select#yourselectid").val();
var equal = $.extend($.extend([], checkValArray), selectedArray).length == checkValArray.length;