1. [代码]jsp页面
<tr>
<td align="right" style=" 70px;">一级分类：</td>
<td>
<select id="cateOne" name="cateOne" onchange="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=" 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>"));
}
}
});
}