“；数据-”；属性作为javascript参数在chrome中不起作用

HTML:

---

这个“数据-”属性在firefox中运行良好，但在google chrome中不起作用。有人能帮我一下吗。

以下是获取数据属性的方法：

函数getData（）
{
警报（document.getElementById（'sample'）.getAttribute（'data-name'）；
}
样本


从调用的位置/方式获取属性值？此外，我建议使用不引人注目的事件处理工具obj.dataset.incomtax

onclick=“演绎（此）”

这会伤害我的眼睛。另外，可能会有帮助@Lewis谢谢。您的参考链接在chrome、firefox和Edge中都能完美运行

<select name="employee_ID" id="employee_ID" onchange="$('#IncomeTaxDeduction').val($('#employee_ID').find(':selected').data('incomtax'));"> 
             <option value="" disabled selected style="display:none;">Select</option>          
          <?php foreach ($employee_data as $emp_opt_value): ?>
             <option  value="<?php echo $emp_opt_value['ID']; ?>" data-incomtax= "<?php echo $emp_opt_value['IncomeTaxPercent']; ?>" onclick="deductions(this)" > <?php echo $emp_opt_value['ID']; ?></option>
          <?php endforeach; ?>
</select>

var itdeduction;

function deductions(obj){
   itdeduction = parseFloat(obj.getAttribute('data-incomtax'));

   alert(itdeduction);
}