檢查SelectedIndex匹配多個選擇

Question

問：確定多個選擇列表是否具有相同的最簡單/最有效的方法是什麼selectedIndex？

背景資料： 我有一個頁面上的多個（最多200）選擇列表 - 所有類tariff，我需要檢查，他們都具有相同的selectedIndex

我的第一種方法是使用循環每錄製前值 - 確保每一個選擇匹配的 - 但它只是似乎效率不高。例如

var tariffSelected; 
var first = true; 
$('.tariff').each(function() { 
    if (first) { 
     // store first value 
     tariffSelected = $(this).prop('selectedIndex'); 
     first = false; 
    } 
    if (tariffSelected !== $(this).prop('selectedIndex')) { 
     // they don't match 
    } 
}); 

Answer 1

我只想確認選擇的數量是一樣的選擇與selectedIndex處的數匹配第一個選擇，例如：

var allTariffs = $('.tariff'); 
var indexToMatch = allTariffs.eq(0).prop('selectedIndex'); 

var matchingTariffs = allTariffs.filter(function() { 
    return $(this).prop('selectedIndex') === indexToMatch; 
}); 

var allMatch = allTariffs.length === matchingTariffs.length; 

Answer 2

這裏是一個工作示例

http://jsfiddle.net/q89Tf/

var s = $("select.tariff"); 
var firstVal = $("select").first().prop("selectedIndex"); 
var ss = $('select').filter(function() { 
    return this.selectedIndex === firstVal; 
}).length === s.length;