ASP.NET下拉框实现二级联动

1.添加控件

2.分别绑定两个下拉框数据源

两个文本框都已经加载到各自的数据。剩下的就是动态联动了。
3.当我们更改第一个下拉框中的内容后，会触发第一个文本框的SelectedIndexChanged事件。将第一个下拉框的TeaId（学院的ID）作为参数，即可查到其专业的内容。
具体代码如下：

protected void ddlTeaAca_SelectedIndexChanged(object sender, EventArgs e)
{
//学院的ID
string acaId = this.ddlTeaAca.SelectedValue;
DBHelper db = new DBHelper();
db.Open();
db.AddPara(ParameterDirection.Input, "@AcaId", DbType.String, 10, acaId);
SqlDataReader sdr = (SqlDataReader)db.ExecuteReader("sp_selectProByAcaId");
//绑定
this.ddlTeaPro.DataSource = sdr;
this.ddlTeaPro.DataTextField = "ProName";
this.ddlTeaPro.DataValueField = "ProId";
this.ddlTeaPro.DataBind();
sdr.Close();
db.Close();
}

• 点赞
• 收藏
• 分享
• 文章举报