Question

使用jquery 根据class 来 select 选择 判断是否显示 另一个 select

<html:select property="role.ID" styleId='role' styleClass="input1">
<html:option value="0">--- 请选择 ---</html:option>
<c:forEach var="opt" items="${userRoles}">
<option class="<c:if test="${opt.type=='i'}">i</c:if><c:if
test="${opt.type=='s'}">s</c:if>" value="<c:out value='${opt.id}'/>"><c:out value="${opt.name}"/>
</option>
</c:forEach>
</html:select>

这是现有 select 要跟据option 里class 的变化 来实现是否显示下面 这个select
<html:select property="userType.ID" styleId='userType' styleClass="input1">
<html:option value="0">--- 请选择 ---</html:option>
<html:options collection="userTypes" property="ID" labelProperty="name"/>
</html:select>

谢谢啦～～ 简言之就是 用jquery取到 styleId='role' 的 select 下 option的 class 属性 然后根据这个值是 i 还是s 来判断 styleId='userType' 的 select 的是否显示 。

额 我对jquery 不是很熟悉 所以 麻烦高手 稍详细点介绍。

Answer 1

这块主要是JQuery动态改变样式。
使用attr("class", "")即可

你百度Hi我吧，具体问题具体解决。。。！~

角色下拉框
<html:select property="role.ID" styleId='role' styleClass="input1" id="jsId" name="jsName">
<html:option value="0">--- 请选择 ---</html:option>
<c:forEach var="opt" items="${userRoles}">
<option class="<c:if test="${opt.type=='i'}">i</c:if><c:if
test="${opt.type=='s'}">s</c:if>" value="<c:out value='${opt.id}'/>"><c:out value="${opt.name}"/>
</option>
</c:forEach>
</html:select>

类型下拉框
<html:select property="userType.ID" styleId='userType' styleClass="input1" id="lxId">
<html:option value="0">--- 请选择 ---</html:option>
<html:options collection="userTypes" property="ID" labelProperty="name"/>
</html:select>

为你的角色下拉框添加事件
$("#jsId").change(function() {
var class_value = $("select[name='jsName'][@selected]").attr("class");//获取选中option的class
//判断class对类型select进行样式设置（隐藏/显示）
if(class_value == 'i') {
$("#lxId").attr("style", "");//class为i时去掉隐藏样式
}
if(class_value == 's') {
$("#lxId").attr("style", "display:none");//class为i时隐藏
}

});
大体就是这样的！~ html：标签中不存在 id name属性，你看与他对应的是什么修改下！~