• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

asp.netDropDownList无刷新ajax二级联动实现详细过程

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本例只适合新手制作DropDownList无刷新ajax二级联动效果:

数据库实现,添加两表如图:表1,pingpai,表2,type,具体数据库实现看自己的理解:

页面主要代码:

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
                    Width="200" AutoPostBack="True">
                </asp:DropDownList>
                <asp:DropDownList ID="DropDownList2" runat="server" Width="200">
                </asp:DropDownList>
            </ContentTemplate>
        </asp:UpdatePanel>

//以上代码实现ajax的无刷新效果

程序主要代码:

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindDrop();
        }
    }
    private void BindDrop()
    {
        //将数据捆绑到下拉列表中
        string sqlStr = "select * from pingpai";
        DataTable dt=DataBase.GetTable(sqlStr);
        DropDownList1.DataTextField = "pingpai"; //设置列表显示的字
        DropDownList1.DataValueField = "typeid"; //设置列表提交后获得的字段,自己理解为隐藏绑定数据
        DropDownList1.DataSource = dt.DefaultView;
        DropDownList1.DataBind();
        DropDownList1.Items.Insert(0, new ListItem("请选择车子品牌", ""));//第一项中加入内容,重点是绑定后添加
        DropDownList2.Items.Insert(0, new ListItem("请选择车子品牌型号", ""));//第一项中加入内容,重点是绑定后添加     
    }


    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
        int typeid = Convert.ToInt32(DropDownList1.SelectedValue);//页面加载后DropDownList1.DataValueField隐藏绑定的数据,后边根据它查询DropDownList2要显现的数据
        string sqlStr = "select * from type where typeid='" + typeid + "'";

        DataTable dt = DataBase.GetTable(sqlStr);
        DropDownList2.DataTextField = "type"; //设置DropDownList1事件SelectedIndexChanged改变后DropDownList2列表显示的数据
        DropDownList2.DataSource = dt.DefaultView;
        DropDownList2.DataBind();;
    }

亲爱的各位战友:www.xiaomi365.com 小米在线 进取随便浏览,支持下我这个苦逼的程序猿。不容易啊!感谢你们了!!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap