두 개의 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

당신은 값 속성 내에서이 개 값을 가질 수 있습니다

<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) 대신에 함수에 추가하십시오.