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，我可以获取所有选定的selects value。
现在我想获取arrtibute＆＃34; data-enhet＆＃34;从所选的选项/值
我怎么能这样做？

示例代码

$('.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'); 
})

使用Jquery获取所选选项属性

1 个答案: