JQuery - 克隆多個選定的選項 - 如何檢查是否存在？

Question

我有一個包含多個選項的選擇列表。用戶可以選擇多個選項並將它們分配給另一個選擇列表。我遇到的問題是如何檢查以確保一個或多個選定的選項不被複制到列表中？我知道我可以使用下面的代碼來確定在另一個列表中是否存在單個值，即'bar'，但是如何檢查是否存在多個所選選項中的任何一個？

var exists = false; 
$('#select-box option').each(function(){ 
if (this.value == 'bar') { 
    exists = true; 
    return false; 
} 
}); 

非常感謝。

Answer 1

試試這個：

var otherBoxValues = $('#other-select-box option').map(function(){ 
     return this.value; 
    }); 

    var missingOptions = []; 
    $('#select-box option').each(function(){ 
     if ($.inArray(this.value, otherBoxValues) > -1) {  
      missingOptions.push(this.value); 
     } 
    }); 
    alert(missingOptions.length); 

Answer 2

試試這個

var exists = false; 

$('#select-box option:selected').each(function(){ 
    if($("#target-select-box").find("option[value="+$(this).value+"]").length > 0){ 
     exists = true; 
     return false; 
    } 
});