Question

HTML：

var itdeduction;

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

   alert(itdeduction);
}

JS：

private decimal? xposition;
public decimal? XPosition
{
    get
    {
        return this.xposition;
    }
    set
    {
        this.xposition = value;
        Math.Round(this.xposition, 4);
    }
}

这个＆＃39;数据 - ＆＃39;属性在Firefox中运行良好，但它不适用于谷歌浏览器。有人可以帮助我。

Answer 1

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

＆＃13;

<script>
function getData()
{
  alert(document.getElementById('sample').getAttribute('data-name'));
}
</script>
<li id="sample" data-name="test">Sample</li>
<br/>
<button onClick="getData();">Get Attribute Value</button>

＆＃13;

您的代码编辑：

＆＃13;

<script>
var itdeduction;

function deductions(){
var element = document.getElementById('employee_ID');
   itdeduction = parseFloat(element.options[element.selectedIndex].getAttribute('data-incomtax'));
   alert(itdeduction);
}
</script>
<select name="employee_ID" id="employee_ID" onchange="deductions();">
<option  value="12" data-incomtax= "20">Some Name</option>
<option  value="13" data-incomtax= "30">Another Name</option>
</select>

＆＃13;

element.options [element.selectedIndex] 做什么？

选择选择框的选定选项。例：如果选择了某个名称，则element.options[element.selectedIndex]会向我们提供<option value="12" data-incomtax= "20">Some Name</option>

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

1 个答案: