DropDownList无刷新ajax二级联动效果

, 2017年9月4日 1065 0

  • 程序主要代码:
 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();;
    }