javascriptのパラメータとして「データ - 」属性は

Question

HTMLクロームで作業されていないこの 'DATA-' 属性はFirefoxで非常にうまく機能

var itdeduction; 

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

    alert(itdeduction); 
} 

が、それは動作していませんGoogle Chromeで誰かが私を助けてくれますか？続き

は

Answer 1

JS属性データを取得するためのアプローチです：

<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>

あなたのコードの編集：

<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>

element.options [element.selectedIndex]は何ですか？

選択ボックスで選択したオプションを選択します。 例： もしもsomenameが選択された場合、element.options[element.selectedIndex]は私たちに与えます<option value="12" data-incomtax= "20">Some Name</option>