我有很多选择元素,如下所示,当选择任何选项时,我需要获取data-cal
的值
<select data-cal="89" name="caloriecalculator" style="width: 100px;">
<option value="100">Per 100g</option>
<option value="225">1 cup, mashed </option>
<option value="150">1 cup, sliced </option>
</select>
<select data-cal="109" name="caloriecalculator" style="width: 100px;">
<option value="100">Per 100g</option>
<option value="225">1 cup</option>
<option value="150">1 cup big</option>
</select>
我的jquery代码
$('select[name="caloriecalculator"]').change(function() {
//I need to get the data atribute (data-cal) of select here.
});
最佳答案
您可以使用$.data方法,像这样
$('select[name="caloriecalculator"]').change(function() {
console.log($(this).data('cal') );
});
关于javascript - 在多选中获取自定义属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27711394/