基于jQuery+ashx+.net实现三级栏目联动操作

父级ID可以为空以两个编号为一级 可以添加到第四级

table 字段有ID、 name 、parentNode、 childNode等基本属性  selecet  parentNode  ,len(childNode)/2 as level,...... from table

<table >  </table> id列表显示属性HTML省略

html:

<div id="dialog-form" title="新增|修改" style="display: none;">
        <p class="validateTips">
        </p>
        <label for="parentNode" style="float: left">
            父级栏目：</label>
        <select id="SelectNode" style="height: 22px">
            <option value="-1">请选择</option>
        </select>
        <select id="SelectNode2" style="height: 22px">
            <option value="-1">请选择</option>
        </select>
        <select id="SelectNode3" style="height: 22px">
            <option value="-1">请选择</option>
        </select><p>
        </p>
        <p>
        </p>
        
        <label for="nodecode" style="float: left">
            栏目编号：</label>
        <input type="text" name="nodecode1" id="nodecode1" style="width: 72px; background-color: #cacaca;"
            maxlength="2" readonly="readonly" />
        <%--一级栏目编号--%>
        <input type="text"   name="nodecode2" id="nodecode2" style="width: 72px;" maxlength="2"
            onkeyup="lengthLimit(this)"    />
        <%--二级栏目编号--%>
        <p>
        </p>
        <label for="menuName" style="float: left">
            栏目名称：</label>
        <input type="text" name="menuName" id="menuName"   maxlength="20" onkeyup="checkNull(this)" style="width: 

200px" /><p>
        </p>   
       <label for="icoUrl" style="float: left">
            栏目图标：</label>
        <div>
            <div id="J_imageView" style="margin-left: 50px">
                <img alt="" id="img_rs_stu" style="width: 32px; height: 32px" src="" />
            </div>
            <div style="margin-left: 70px; margin-top: 5px; border-bottom: 5px">
                <input type="button" id="uploadButton" value="上传" style="height: 50px; width: 110px;
                    float: left;" />
            </div>
        </div>
        <p>
        </p>
    </div>

<div class="ctent">
            <input type="button" id="create-menu" value="新增栏目" />
        </div>

View Code