jsp中相互关联的动态选择框
dynamic select boxes related to one other in jsp
我有两个列表,如部门和经理,我把这两个在请求范围。现在我想在选择框中显示两个列表,这样当用户选择一个部门时,对应的经理应该默认出现在下一个选择框中。如果我想更改管理器,我可以选择其他的并保存。
我的jsp是这样的。第一个包含部门的选择框。
<select id="dname" name="Name" onchange="autoPopulateModifydept();">
<option value="">-Select</option>
<c:forEach var="departmentList" items="${departmentList}">
<option value='${departmentList.getDepartment()}@${departmentList.getId()}'>${departmentList.getDepartment()}</option>
</c:forEach>
</select>
第二个包含managerlist的选择框。
<select id="deptHead" name="deptHead" onchange="autoPopulatedeptHead();">
<option value="">-Select-</option>
<c:forEach var="projectmanager" items="${projectManagerList}">
<option value='${projectmanager.getProjectManagerName()}@${projectmanager.getPmId()}'>${projectmanager.getProjectManagerName()}</option>
</c:forEach>
</select>
这里department中的getId和manager中的getPmId是相同的。基于此,我想链接两个选择框。怎么做呢
这可以使用javascript完成,请参阅下面的示例示例。在改变第一个列表的选择时调用这个方法,并将第一个列表的选择值与第二个列表的选择值进行比较,并使第二个列表与第一个列表的Id值匹配。
function changeMangerId(){
var emplId =document.getElementById("firstList").value;
<c:forEach var="paramObj"
items="${managerList}]
var managerIdId= '<c:out value="${Id}"/>';
if(emplId)!= null && (emplId)!= '' && trim(emplId)=== trimm(anagerIdId) {
$("#SecondListId option[value='"+ managerIdId +"']").attr("selected", "selected");
}
</c:forEach>
}
相关文章:
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- 使用javascript动态选择幻灯片放映的图像
- 带有动态选择选项的Firefox html5验证异常
- laravel5.0中HTML选择标记的动态选择
- 如何禁用s:动态选择
- 在边栏中动态选择项目
- 为动态选择框选择更新功能
- 动态选择框
- 试图让Jquery在Rails和ActiveAdmin中使用动态选择表单
- 带过滤器的jQuery动态选择器
- 确定是否使用javascript定义动态选择
- 添加值以动态选择字段
- 动态选择列表AJAX和插入数据库表通过张贴形式
- 用Javascript创建一个动态选择对象
- 如何在Jquery mobile中处理动态选择菜单事件
- 带有Rails 4的动态选择框
- 根据动态选择框的更改更改URL
- 提交动态选择框值以显示多重多边形