ComboBox onChange事件

Question

我是JavaScript新用戶。我有JSP頁面上選擇3：對於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> 

和JavaScript功能：

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解決我的問題