確保所有值都在下拉菜單中使用

Question

我有4 <select>盒用相同的價值觀：

我想確保在下拉菜單中使用這些值中的每一個，而不重複。

我無法理解這一點。我嘗試循環選擇框並挑選出值，但我無法讓它工作。有沒有人有一個快速簡單的解決方案呢？

Answer 1

獲取唯一值列表，然後用原始數組檢查長度。

var arr = [1,2,3,4]; 

if ($.unique($('select').map(function(){ return $(this).val(); })).length === arr.length) { 
    // OK 
} 

Answer 2

我解決了這個問題

HTML

<select id="sselect"></select> 

的JavaScript

var a = [1,2,2,3,4,5]; 
var duplicates = a; 
var result = []; 
$(function() { 
    for (var i = 0; i < a.length; i++) { 
     var item = a[i]; 
    for (var c = 0; c < duplicates.length; c++) { 
      if (jQuery.inArray(item, result) == -1) { 
     result.push(item); 
     } 
    } 
} 
}); 

for (var i = 0; i < result.length; i++) { 
$('#sselect').append($('<option>', { 
     value: result[i], 
     text : result[i] 
    })); 
} 

Live example of this code