二级菜单联动效果

1. [代码]jsp页面     
<tr>
                                <td align="right" style="width: 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="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>")); 
            }
            
      }
     }); 
}

posted @ 2015-05-07 20:57  虚空之眼  阅读(265)  评论(0编辑  收藏  举报