用Jquery提取選擇屬性

Question

所以我有幾個selects與幾個options。
現在我想獲取所選的值和屬性。

HTML

<select class="namnTillagg"> 
    <option value="+fotpl" data-enhet="st">+fotpl</option><option value="+toppl" data-enhet="st">+toppl</option><option value="1 svpl" data-enhet="st">1 svpl</option> 
</select> 

jQuery的

$('.namnTillagg').each(function(){ 
    var temp = $(this); 
    namnTillagg[a] = temp.val(); 
    a++; 
}) 

有了這個Jquery我能夠獲取所有我選擇selectsvalue。
現在我想從選定的選項/值
獲取arrtibute「data-enhet」我該怎麼做？

示例代碼

$('.namnTillagg').each(function(){ 
    var temp = $(this); 
    namnTillagg[a] = temp.val(); 
    enhetTillagg = $(temp.val(namnTillagg[a]).attr('data-enhet'); //Can i do it something like this? 
    a++; 
}) 

Answer 1

你需要找到所選的選項在當前與.data()選擇一起找到它的數據屬性或.attr()找到它的數據屬性值：

temp.find(':selected').data('enhet'); 

你可以也使用.each()的索引參數而不是保持不同的變量a：

全段：

$('.namnTillagg').each(function(i){ 
var temp = $(this); 
namnTillagg[i] = temp.val(); 
enhetTillagg[i] = temp.find(':selected').data('enhet'); 
})