<font id="vh7td"></font>

      <rp id="vh7td"></rp>

      <address id="vh7td"></address>
      <em id="vh7td"><i id="vh7td"></i></em>

          <mark id="vh7td"><noframes id="vh7td">
          <font id="vh7td"></font>
            新聞建站cms系統、政府cms系統定制開發

            廣州網站建設公司-閱速公司

            asp.net新聞發布系統、報紙數字報系統方案
            /
            http://www.goldexpectations.com/
            廣州網站建設公司
            您當前位置:首頁>網站技術

            網站技術

            根據分類深度創建多級分類下拉列表-select多級分類

            發布時間:2010/3/22 11:22:44  作者:  閱讀:1579  

            廣告:阿里云采購優惠專區

            <script type="text/javascript">
            $("#liveclass").ready(function() {
            var l = document.getElementById("liveclass");
            l.innerHTML = "";
            var depths=<%=Depth%>;
            var fileurl="jquery/Liveclass.aspx";
            startclass(depths,l);
            loadclass(0, 0, 0,depths,fileurl); //深度0,parentid=0,nowid,depths,url
            });
            </script>

            class.js文件:

            function startclass(depths,ldiv) { // 深度 初初化select
            for (i = 0; i <= depths; i++) {
            var ndiv = newdiv(i); //創建seldiv
            var selid = "sel" + i;
            var se = document.createElement("select"); //創建select
            se.name = selid;
            se.id = selid;
            opt(se,"請選擇","",0)
            var object = ndiv.appendChild(se);
            ldiv.appendChild(ndiv);
            }
            }

            function loadclass(depth, pid, nowid, depths, fileurl) { //五個參數:當前深度,參數父id,liveclass層,當前選中的id(0為未選中)
            //se.options[0] = new Option("請選擇", "");
            //這里開始加載數據
            var selid = "sel" + depth;
            var se = document.getElementById(selid); //取得select
            for (i = depth; i <= depths; i++) {
            var sel = document.getElementById("sel" + i);
            sel.options.length = 0;
            opt(sel, "請選擇", "", 0); //opt--------opt
            }
            Optionadd(pid, se, nowid, fileurl)
            //這里加載數據完
            //se.size = "2";
            if (depth<depths)
            {
            depth++;
            $("#" + selid).change(function() {//載入下級分類數據;
            var tempv=this.options[this.selectedIndex].value;
            if (tempv != "")
            { loadclass(depth, tempv, 0, depths, fileurl); }
            else
            {
            for (i = depth; i <= depths; i++) {
            var sel = document.getElementById("sel" + i);
            sel.options.length = 0;
            opt(sel, "請選擇", "", 0); //opt--------opt
            }
            }
            });
            }
            }

            function Optionadd(pid, sel, nowid, fileurl) { //pid父類id ,sel,nowid現在正在的nowid----創建多個option
            //分類開始載入
            $.ajax({
            type: "POST",
            url: fileurl, //
            dataType: "json",
            data: { "p": "" + pid + "" }, //p傳輸的參數
            success: function(json) {
            if (json != 0) {
            var issel = 0;
            for (i = 0; i < json.classtable.length; i++) { //json為回傳的數據;"classtable"表名在回傳的json數據
            issel = 0
            if (json.classtable[i].id == nowid) {
            issel = 1;
            }
            opt(sel, json.classtable[i].classname, json.classtable[i].id, issel); //opt--------opt
            }
            }

            }, error: function(json) { alert("error-$.ajax" + json); }
            });
            //分類載入數據完
            }


            //創建單個option
            function opt(sel, txt, value, issel) { //opt--------opt
            var op = document.createElement("option");
            op.value = value;
            op.text = txt;
            if (issel==1)
            op.setAttribute("selected", "selected");
            sel.options.add(op);
            }

            //創建div層
            function newdiv(i) {
            var ndiv = document.createElement("div");
            ndiv.id = "seldiv" + i;
            ndiv.className = "seldiv";
            ndiv.setAttribute("name", "seldiv" + i);
            return ndiv;
            }

            /*
            原創:郝海波 www.53bk.com QQ:28094735
            ndiv.style.border = '1px solid #DDD';
            var newText = document.createTextNode('這是新建立div中的文字。');
            ndiv.appendChild(newText);
            appendChild() 方法在節點的子節點列表末添加新的子節點。
               insertBefore() 方法在節點的子節點列表任意位置插入新的節點。
               l.insertBefore(ndiv1,ndiv2);  插入ndiv1;
               l.removeChild(div1);
              */

            廣告:阿里云新人采購專場

            相關文章
            根據分類深度創建多級分類下拉列表-select多級分類
            cms新聞系統購買咨詢
            掃描關注 廣州閱速軟件科技有限公司
            掃描關注 廣州閱速科技
            青娱乐极品视觉盛宴国产视频_精品人妻少妇一区二区_禁断の肉体乱爱中文字幕_国产日本卡二卡三卡四卡

            <font id="vh7td"></font>

                <rp id="vh7td"></rp>

                <address id="vh7td"></address>
                <em id="vh7td"><i id="vh7td"></i></em>

                    <mark id="vh7td"><noframes id="vh7td">
                    <font id="vh7td"></font>