DropdownList二级联动

前台:

<div class="col-md-2">
            <div class="input-group">
                <span class="input-group-addon" id="AfEnduser2">省</span>
                        <asp:DropDownList ID="DDLprovince" class="form-control" runat="server" DataTextField="region_province_name" DataValueField="region_province_id" EnableViewState="True" AppendDataBoundItems="True" AutoPostBack="True" onselectedindexchanged="DDLprovinceSelectedIndexChanged" ></asp:DropDownList>
                </div>
        </div>
        <div class="col-md-2">
            <div class="input-group">
                <span class="input-group-addon" id="AfEnduser3">市</span>                        
                        <asp:DropDownList ID="DDLcity" class="form-control" runat="server" DataTextField="region_city_name" DataValueField="region_city_id" EnableViewState="True" AppendDataBoundItems="True" AutoPostBack="False" ></asp:DropDownList>
            </div>
        </div>

后台:

protected void DDLBind()
    {
        //DDLLogProWordsID.Items.Clear();
        //实例化公共类的对象
        DB db = new DB();
        //定义SQL语句
        //客户
        string sqlstrA = "SELECT [contract_custom_id],[contract_custom_name] FROM [Base_contract_custom] ";
        //实例化数据集DataTable用于存储查询结果
        DataTable dtA = db.reDt(sqlstrA);
        //绑定DropDownListt控件
        DDLcustom.DataSource = dtA;//设置数据源,用于填充控件中的项的值列表        
        DDLcustom.DataBind();//将控件及其所有子控件绑定到指定的数据源        
        DDLcustom.Items.Insert(0, "-请选择-");
        //省
        string sqlstrB = "SELECT [region_province_id],[region_province_name] FROM [Base_region_province] ";
        //实例化数据集DataTable用于存储查询结果
        DataTable dtB = db.reDt(sqlstrB);
        //绑定DropDownListt控件
        DDLprovince.DataSource = dtB;//设置数据源,用于填充控件中的项的值列表        
        DDLprovince.DataBind();//将控件及其所有子控件绑定到指定的数据源        
        DDLprovince.Items.Insert(0, "-请选择-");

    }
    //Dropdown联动
    protected void DDLprovinceSelectedIndexChanged(object sender, EventArgs e)
    {
        //注意省为主动DDL的AutoPostBack="true"
        this.DDLcity.Items.Clear();
        int DDLprovince_selected = Convert.ToInt32(DDLprovince.SelectedValue);
        DB db = new DB();
        string sqlstrC = "SELECT [region_city_id],[region_city_name] FROM [Base_region_city] where region_province_id=" + DDLprovince_selected + "";
        DataTable dtc = db.reDt(sqlstrC);
        DDLcity.DataSource = dtc;
        DDLcity.DataBind();
        DDLcity.Items.Insert(0, "-选择名称-");
        //注意缺少这一句,会导致下一个代码在判定是否有空值时出现在问题,DDL的默认INDEX是0
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET中的DropDownList控件可以通过绑定数据实现二级联动效果。下面是一个使用C#代码实现的示例: 首先,需要在页面上定义两个DropDownList控件,分别表示一级和二级选项: ``` <asp:DropDownList ID="ddlFirstLevel" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlFirstLevel_SelectedIndexChanged"> </asp:DropDownList> <asp:DropDownList ID="ddlSecondLevel" runat="server"> </asp:DropDownList> ``` 在代码后台,我们需要在Page_Load事件中绑定一级选项的数据源,并在一级选项的选中事件中动态绑定二级选项的数据源: ``` protected void Page_Load(object sender, EventArgs e) { if(!IsPostBack) { // 绑定一级选项的数据源 ddlFirstLevel.DataSource = GetFirstLevelData(); ddlFirstLevel.DataTextField = "Name"; ddlFirstLevel.DataValueField = "ID"; ddlFirstLevel.DataBind(); // 绑定二级选项的初始数据源 ddlSecondLevel.DataSource = GetSecondLevelData(0); // 初始时显示第一个一级选项的二级选项 ddlSecondLevel.DataTextField = "Name"; ddlSecondLevel.DataValueField = "ID"; ddlSecondLevel.DataBind(); } } protected void ddlFirstLevel_SelectedIndexChanged(object sender, EventArgs e) { // 重新绑定二级选项的数据源,根据选中的一级选项 int firstLevelID = Convert.ToInt32(ddlFirstLevel.SelectedValue); ddlSecondLevel.DataSource = GetSecondLevelData(firstLevelID); ddlSecondLevel.DataTextField = "Name"; ddlSecondLevel.DataValueField = "ID"; ddlSecondLevel.DataBind(); } // 获取一级选项的数据源 private DataTable GetFirstLevelData() { // 从数据库或其他途径获取一级选项的数据源 // 返回的DataTable需要包含ID和Name两列,分别表示一级选项的ID和名称 } // 获取二级选项的数据源 private DataTable GetSecondLevelData(int firstLevelID) { // 根据一级选项的ID查询数据库或其他途径获取相应的二级选项数据源 // 返回的DataTable需要包含ID和Name两列,分别表示二级选项的ID和名称 } ``` 以上代码使用了两个DataTable作为示例的数据源,实际使用时需要根据业务需求自行修改数据源的获取逻辑,并将获取到的数据绑定DropDownList控件上。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值