我有两个onchange方法和两个值我需要通过

Question

function changeHiddenInput(cLeague, nLeague) { 
     console.log(cLeague); 
     console.log(nLeague); 
     var objHidden1 = document.getElementById("hiddenInput1"); 
     var objHidden2 = document.getElementById("hiddenInput2"); 
     objHidden1.value = cLeague.value; 
     objHidden2.value = nLeague.value; 
     var a = objHidden1.value; 
     var b = objHidden1.value; 
     result.innerHTML = a + b; 
    } 

<select class="form-control" id="currentleague" onchange="document.getElementById('currentleague').src=this.value; changeHiddenInput(select)"> 
    <option value="rankicons/bronze5.png" (another value goes somewhere in here)>Bronze V</option> 
</select> 

基本上第一个onchange更改图像的值，第二个onchange传入一个值，并做一些数学。有没有其他方法可以用来评估价值，还是我可以以某种方式传递两个价值观，并以某种方式将它们分开？

Answer 1

你可以拥有的价值属性中的2个值：

<option value="rankicons/bronze5.png,value nr 2">...</option> 

样品：

function changeHiddenInput(league) { 
     var league_values = league.split(","); 
     var objHidden1 = document.getElementById("hiddenInput1"); 
     var objHidden2 = document.getElementById("hiddenInput2"); 
     objHidden1.value = league_values[0]; 
     objHidden2.value = league_values[1]; 
     var a = objHidden1.value; 
     var b = objHidden1.value; 
     result.innerHTML = a + b; 
     // remove comment and set uniqe id to set img element src 
     //document.getElementById('img_id').src=league_values[0]; 
    } 

HTML：

<select class="form-control" id="currentleague" onchange="changeHiddenInput(this.options[this.selectedIndex].value)"> 
    <option value="rankicons/bronze5.png,value nr 2">...</option> 
</select> 

document.getElementById('currentleague').src=this.value;我删除，因为它引用的选择元素的值本身（相同的ID），并将其添加到您的功能。