ComboBox onChange 이벤트

Question

자바 스크립트에서 새로 생겼습니다. onChange() 이벤트에 대한

<select id="railwayServiceList" name="railwayService_id" 
    onchange="changeCompaniesCombo()"></select> 
<select id="companyList" name="company_id" 
    onchange="changeCompaniesCombo()"></select> 
<select id="departmentList" name="department_id"></select> 

및 자바 스크립트 함수 : 나는 3 JSP 페이지에서 선택을

function changeCompaniesCombo() { 

    var railwayServiceList = document.getElementById("railwayServiceList"); 
    var companyList = document.getElementById("companyList"); 
    var selected = railwayServiceList.value; 
    while (companyList.options.length) { 
     companyList.remove(0); 
    } 
    <c:forEach items="${companies}" var="company" varStatus="loopStatus"> 
     if ("${company.railwayService}" == selected) { 
      var option = new Option("${company.name}", "${company}"); 
      companyList.options.add(option); 
     } 
    </c:forEach> 
} 

function changeDepartmentCombo() { 
    var departmentList = document.getElementById("departmentList"); 
    var companyList = document.getElementById("companyList"); 
    var selected = companyList.value; 

    while (departmentList.options.length) { 
     departmentList.remove(0); 
    } 
    <c:forEach items="${selected.departments}" var="department" varStatus="loopStatus"> 
     var option = new Option("${department.name}", "${department.id}"); 
     companyList.options.add(option); 
    </c:forEach> 
} 

그것은 잘 작동하지만 어쩌면 모든 선택에 대한 공통 함수를 작성하는 몇 가지 방법이? (나는 8 개의 선택이있다). 데이터 모델은 Spring MVC 컨트롤러에 의해 생성된다.

Answer 1

Chained Selects Plugin for jQuery 내가 당신이 onchange를 이벤트에 지정하는 함수에 매개 변수를 전달 수 있다고 생각 내 문제