我正在尝试将选择框选项上的自定义数据属性发布到隐藏的表单字段。
这是我的 html:
<select id="sampleorder" multiple="multiple">
<option value='xxx' data-amount='5'>Name</OPTION>
<option value='xxx' data-amount='15'>Name</OPTION>
<option value='xxx' data-amount='2'>Name</OPTION>
</select>
和 jQuery
$('#submit_btn').click(function() {
var options = $('select#sampleorder');
var samplesSelected = options.val();
$('input[name=order]').val(samplesSelected);
$('input[name=quantity]').val(sampleAmount);
});
我猜我的变量“sampleAmount”应该看起来像这样
var sampleAmount = options.val().data("amount");
但它没有给我预期的结果。 获取每个项目的数据属性值的好方法是什么?
谢谢!
最佳答案
为什么要使用 jQuery?只需使用 event.target.options[event.target.selectedIndex].dataset.amount
关于javascript - 获取所选下拉选项的数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17039741/