组合框更改事件
ComboBox onChange event
我是 JavaScript 的新手。我在 jsp 页面上有 3 个选择:
<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 函数用于onChange()
事件:
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控制器生成。
jQuery的链式选择插件解决了我的问题
相关文章:
- 在D3中组合多个事件
- AngularJS-如何只对多个事件的组合采取行动
- 某些组合键会阻止 JavaScript 中的键事件
- 如何将两个事件的变量组合为一,作为两者的总和.jquery
- 组合类和事件监听器:`this`关键字
- 组合多个事件
- Onchange组合框事件在中不起作用
- 以编程方式模糊 EXTJS 3.2.1 中的组合框控件不会触发“模糊”事件
- 如何在更改事件中获取剑道组合框的值
- 在 ExtJS 组合框选取器上滚动事件
- 为多个元素组合 jQuery 事件侦听器
- 如何创建一个侦听按键组合的事件侦听器(ctrl 和左/右箭头)
- 反应组合事件
- 清除时的 JQuery UI 组合框事件
- 有没有办法在jQuery/Javascript中组合事件
- 在 jQuery 组合框上选择下拉项后触发事件
- 焦点事件 jquery 组合框/自动完成
- react.js中的事件组合
- 在jQuery中,如何使用两个事件组合在一个对象中来指定目标元素
- 有没有一种方法可以将两个或多个执行类似操作的事件组合起来使用DRY原理