Question

두 개의 동일한 선택 옵션으로 jsp에 태그를 추가해야합니다.

언제든지 체인을 연결하고 싶습니다. 두 번째 (하단에 있음)도 변경됩니다.

<select class="groups"> 
    <option class='America' value='America'>America</option> 
    <option class='Europe' value='Europe'>Europe</option> 
    <option class='Asia' value='Asia'>Asia</option> 
<select> 

<select class="groups"> 
    <option class='America' value='America'>America</option> 
    <option class='Europe' value='Europe'>Europe</option> 
    <option class='Asia' value='Asia'>Asia</option> 
<select> 

예를 들어 언제든지 유럽 (또는 기타)을 선택하면 모든 선택 항목을 동일한 값으로 업데이트하고 싶습니다. JQuery와없는

Answer 1

:

document.getElementsByClassName("groups").forEach(function(element){ 
    element.onchange = function(event) { 
    document.getElementsByClassName("groups").forEach(function(x){ 
    x.value = event.target.value; 
    }); 
    } 
}); 

jQuery로 :

$('.groups').onchange = function(e){ 
    $('.groups').forEach(function(x){ 
    x.val(e.currentTarget().val) 
    }); 
}