如何檢查數組的對象是否等於選項值

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 
} 

對於它可能會像使用multiselects ...

$('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

這應該做的伎倆

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

Answer 4

你可以使用$ .inArray方法來實現這一點

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

var options = $('select option'); 

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

檢查FIDDLE

Answer 5

這裏沒有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); 
}