网页上有两个dropdownlist，当第一个框中选择人事局时，第二个框显示局长和副局长，当第一个框选择人事处时，第二个框显示处长和副处长，请问怎么弄

xiaozhuer000 2017-01-08 05:31:31

如题，想要实现联动，第二个框中数据随着第一个框选择的变化而变化，不知道怎么弄，请大牛们帮帮忙啊

...全文

241 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

WordG 2017-01-11

打赏
举报

参照网上搜的三级联动自己改下就行了

电饭锅煲汤 2017-01-09

打赏
举报

在第一个下拉框绑定change事件

csdnFUCKINGSUCKS 2017-01-09

打赏
举报

引用 4 楼 xiaozhuer000 的回复:

如果我要创建三级联动照着这个格式改，是吧

恩基本就是这样三级联动逻辑上要做一些修改你自己试试应该能写出来

xiaozhuer000 2017-01-09

打赏
举报

如果我要创建三级联动照着这个格式改，是吧

xiaozhuer000 2017-01-09

打赏
举报

引用 1楼3ch0 的回复:

前台


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
        <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
    </div>
    </form>
</body>
</html>

后台


namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                DropDownList1.DataSource = GetList().Where(d => d.pid == 0);
                DropDownList1.DataValueField = "id";
                DropDownList1.DataTextField = "name";
                DropDownList1.DataBind();
            }
        }

        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            var result = GetList().Where(d => d.pid == int.Parse(DropDownList1.SelectedValue)).ToList();

            DropDownList2.DataSource = result;
            DropDownList2.DataValueField = "id";
            DropDownList2.DataTextField = "name";
            DropDownList2.DataBind();
        }

        private List<Department> GetList()
        {
            List<Department> list = new List<Department>();
            list.AddRange(new[] { 
                    new Department() { id = 1, pid = 0, name = "人事局" },
                    new Department() { id = 2, pid = 1, name = "局长" },
                    new Department() { id = 3, pid = 1, name = "副局长" },
                    new Department() { id = 4, pid = 0, name = "人事处" },
                    new Department() { id = 5, pid = 4, name = "处长" },
                    new Department() { id = 6, pid = 4, name = "副处长" }
                });
            return list;
        }
    }

    public class Department
    {
        public int id { get; set; }
        public int pid { get; set; }
        public string name { get; set; }
    }

}

谢谢，谢谢，我先试一试，

xujun5031 2017-01-09

打赏
举报

下拉框联动。

csdnFUCKINGSUCKS 2017-01-08

打赏
举报

前台


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList>
        <asp:DropDownList ID="DropDownList2" runat="server"></asp:DropDownList>
    </div>
    </form>
</body>
</html>

后台


namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                DropDownList1.DataSource = GetList().Where(d => d.pid == 0);
                DropDownList1.DataValueField = "id";
                DropDownList1.DataTextField = "name";
                DropDownList1.DataBind();
            }
        }

        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
        {
            var result = GetList().Where(d => d.pid == int.Parse(DropDownList1.SelectedValue)).ToList();

            DropDownList2.DataSource = result;
            DropDownList2.DataValueField = "id";
            DropDownList2.DataTextField = "name";
            DropDownList2.DataBind();
        }

        private List<Department> GetList()
        {
            List<Department> list = new List<Department>();
            list.AddRange(new[] { 
                    new Department() { id = 1, pid = 0, name = "人事局" },
                    new Department() { id = 2, pid = 1, name = "局长" },
                    new Department() { id = 3, pid = 1, name = "副局长" },
                    new Department() { id = 4, pid = 0, name = "人事处" },
                    new Department() { id = 5, pid = 4, name = "处长" },
                    new Department() { id = 6, pid = 4, name = "副处长" }
                });
            return list;
        }
    }

    public class Department
    {
        public int id { get; set; }
        public int pid { get; set; }
        public string name { get; set; }
    }

}