QQ客服热线
首页 > 信息资讯 > TCNET实验室

TCNET实验室

使用jquery.cascadingDropDown.js实现下拉控件的无刷新多级联动效果
2014年2月13日
摘要: jquery插件jquery.cascadingDropDown.js 的使用方法 方便实现二级或多级联动效果

jquery插件jquery.cascadingDropDown.js  的使用方法 方便实现二级或多级联动效果。

官方地址:https://github.com/dnasir/jquery-cascading-dropdown

demo地址:http://www.dnasir.com/github/jquery-cascading-dropdown/demo.html

以下代码是 asp.net的代码,比如这个页面是classadd.aspx 添加班级 需要根据学校选择专业的二级联动下拉框:

js:


        

        
其中 <%=defaultValue %>是初始的默认值 在classadd.aspx载入页面时设定
学校和专业:<div id="ddlcm">
         <asp:DropDownList  ID="ddlCollege" runat="server" CssClass="step1" >
       </asp:DropDownList>
       <asp:DropDownList  ID="ddlMajor" runat="server" CssClass="step2">
       </asp:DropDownList>
       <input id="hdquyu2" runat="server" type="hidden" value="0" />
        </div>
 
/tools/AreaHandler.ashx的代码
using System;
using System.Collections.Generic;
using System.Web;
using System.Text;
using System.Data;
using TCSolutions.TCweb.BusinessLogic.Infrastructure;
using TCSolutions.TCweb.BusinessLogic;
using TCSolutions.TCweb.Common.Utils;
using TCSolutions.TCweb.BusinessLogic.Content.CollegeManagement;
using TCSolutions.TCweb.BusinessLogic.Content.StudentManagement;

namespace Zebra.tools
{
    /// 
    /// AreaHandler 的摘要说明
    /// 
    public class AreaHandler : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            System.Threading.Thread.Sleep(100);
            StringBuilder strClass = new StringBuilder();
           
           
            if (context.Request.Params["pid"] != null)
            {
                int pid = CommonHelper.QueryStringInt("pid");
                if (pid != 0)
                {
                    var dt = IoC.Resolve().GetMajorByCollegeId(pid);
                    if (dt.Count > 0)
                    {
                        strClass.Append("[");
                        for (int i = 0; i < dt.Count; i++)
                        {
                            strClass.Append("{");
                            strClass.Append("\"Name\":\"" + dt[i].Name + "\",");
                            strClass.Append("\"MajorId\":\"" + dt[i].MajorId + "\"");

                            if (i != dt.Count - 1)
                            {
                                strClass.Append("},");
                            }
                        }
                        strClass.Append("}");
                        strClass.Append("]");


                    }
                    context.Response.ContentType = "application/json";
                    context.Response.ContentEncoding = Encoding.UTF8;
                    context.Response.Write(strClass.ToString());
                    context.Response.End();
                }

            }
           
            


   

        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

 

来自TCNET 转载请保留www.nbtcnet.com

返回列表