快捷導(dǎo)航

ASP.NET中DropDownList和ListBox實(shí)現(xiàn)兩級聯(lián)動功能

更新時(shí)間：2016年01月13日 10:41:13 作者：廊坊師范學(xué)院周坤

這篇文章主要介紹了ASP.NET中DropDownList和ListBox實(shí)現(xiàn)兩級聯(lián)動功能的相關(guān)資料,需要的朋友可以參考下

DropDownList和ListBox實(shí)現(xiàn)兩級聯(lián)動功能，它們可以將從后臺數(shù)據(jù)庫中搜選的出來的信息加以綁定，這里要實(shí)現(xiàn)的功能是在DropDownList中選擇“省”，然后讓ListBox自動將其省份下的“市”顯示出來，這就是所謂的兩級聯(lián)動功能，這個(gè)功能我們在很多注冊網(wǎng)頁上看見，今天就為大家解開ASP.NET神秘的面紗。
一、設(shè)置前臺界面，在Web窗體中添加DropDownList和ListBox兩個(gè)控件。

界面圖如下所示。

二、編寫后臺代碼
在這，后臺代碼編寫在其窗體的Page_Load事件中

<span style="font-family:KaiTi_GB2312;font-size:18px;"> protected void Page_Load(object sender, EventArgs e) 
 { 
  if (!Page.IsPostBack ) //判斷頁面是否第一次加載 
  { 
  SqlConnection con = DB.createConnection(); //此方法在上一篇文章中已經(jīng)介紹，調(diào)用一個(gè)已經(jīng)編寫好的創(chuàng)建數(shù)據(jù)庫連接的方法。 
  SqlCommand cmd = new SqlCommand("select * from province",con); 
  SqlDataReader sdr = cmd.ExecuteReader(); 
  this.DropDownList1.DataTextField = "proName"; 
  this.DropDownList1.DataValueField = "proID"; //主鍵字段 
  this.DropDownList1.DataSource = sdr; 
  this.DropDownList1.DataBind(); 
  sdr.Close(); 
 
  } 
 
 }</span>

編寫DropDownList1_SelectedIndexChanged事件代碼，實(shí)現(xiàn)單擊“省”，ListBox自動添加該“省”所具有的“市”

<span style="font-family:KaiTi_GB2312;font-size:18px;"> protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
 { 
  this.ListBox1.Items.Clear(); 
  SqlConnection con2 = DB.createConnection(); 
  SqlCommand cmd1 = new SqlCommand("select * from city where proID=" + this.DropDownList1.SelectedValue, con2); 
  SqlDataReader sdr1 = cmd1.ExecuteReader(); 
  while (sdr1.Read()) 
  { 
  this.ListBox1.Items.Add(new ListItem(sdr1.GetString(2),sdr1.GetInt32(0).ToString())); 
  } 
 }</span>

運(yùn)行文件，效果圖如下所示