在多选中获取自定义属性值
Get custom attribute value in multiple select
我有很多像下面这样的选择元素,当选择任何选项时我需要得到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>
我的查询代码
$('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') );
});
演示:http://jsbin.com/letoje/1/edit?html,js,output
你试过吗:
$('select[name="caloriecalculator"]').change(function() {
var cal = $(this).data('cal');
});
?
相关文章:
- 获取自定义属性的值
- datalist获取选定的值和自定义属性(无事件)
- 如何使用javascript获取元素的自定义属性值
- 使用Javascript从按钮获取自定义属性
- 如何在jquery中通过自定义属性获取输入字段的值
- 使用 Javascript 获取自定义属性的值
- jquery:在下拉列表中获取自定义属性的值
- 如何通过 javascript 中自定义属性的特定值获取元素
- 如何从自定义指令获取传递的属性并将它们收集到数组中以显示到模板中
- 如何使用事件触发器和自定义属性获取元素的子元素
- 在 jquery 中获取自定义属性字段的属性
- 在多选中获取自定义属性值
- 获取自定义属性 jQuery
- 如何使用 jQuery 获取自定义属性的名称
- 如何在OpenLayers中设置和获取层的自定义属性
- 如何获取select的自定义属性's选项
- javascript如何获取html样式'的自定义属性值
- Jquery从标记中的自定义属性获取类
- 如何使用自定义属性获取值
- 使用JavaScript通过自定义属性获取元素