二级菜单联动效果

最新推荐文章于 2022-10-15 00:26:11 发布

weixin_30314813

最新推荐文章于 2022-10-15 00:26:11 发布

阅读量93

点赞数

文章标签： json 人工智能

原文链接：http://www.cnblogs.com/xkzy/p/4486027.html

版权

1. [代码]jsp页面
<tr>
<td align="right" style="width: 70px;">一级分类：</td>
<td>
<select id="cateOne" name="cateOne" οnchange="changeCate();">
<option value="0">---请选择----</option>

<option value="1">一级父菜单</option>

<option value="2">二级父菜单</option>

<option value="3">三级父菜单</option>

<option value="4">四级父菜单</option>

<option value="5">五级父菜单</option>

</c:if>
</select>
</td>

</tr>
<tr height="35">
<td align="right" style="width: 70px;">二级类别：</td>
<td>
<select id="cateTwo" name="cateTwo" >
<option value="0">---请选择----</option>
</select>

</td>
</tr>

2. [代码]js
//类别级联
function changeCate(){
var cateOne = $("#cateOne").find("option:selected").val();
if(cateOne == 0) {春天图片
$("#cateTwo").empty().append("<option value='0'>---请选择----</option>");
return false;http://www.5idesk.com/s/chuntian/
}
$.ajax({
url:'<%=path%>/admin/menu_select',
type:"post",
dataType:"json",
data: {
'ids' : cateOne
},
success: function (data) {
$("#cateTwo").empty().append("<option value='0'>---请选择----</option>");
for(var i=0,len=data.length;i<len;i++)
{
$("#cateTwo").append($("<option value='"+data[i].id+"'>"+data[i].name+"</option>"));
}

}
});
}