三級連動前臺代碼:
<div>
省:
<asp:DropDownList ID="ddlPromary" runat="server" AutoPostBack="True" Height="16px" OnSelectedIndexChanged="ddlPromary_SelectedIndexChanged" Width="118px">
</asp:DropDownList>
& nbsp; 市:<asp:DropDownList ID="ddlCity" runat="server" AutoPostBack="True" Height="16px" OnSelectedIndexChanged="ddlCity_SelectedIndexChanged" Width="118px">
</asp:DropDownList>
& nbsp; 縣:
<asp:DropDownList ID="ddlCount" runat="server" Height="16px" Width="118px">
</asp:DropDownList>
</div>
三級後臺代碼:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//第一次加載的時候綁定ddlPromary控件的值
string sql = "select * from province";
DataTable dt=ExecuteDataTable(sql);
ddlPromary.DataSource = dt;
ddlPromary.DataTextField = "province";
ddlPromary.DataValueField = "provinceID";
ddlPromary.DataBind();
}
}
protected void ddlPromary_SelectedIndexChanged(object sender, EventArgs e)
{
ddlCity.Items.Clear();
string sql = "select * from city where father=@id";
DataTable dt = ExecuteDataTable(sql, new SqlParameter("@id",ddlPromary.SelectedValue.ToString()));
ddlCity.DataSource = dt;
ddlCity.DataTextField = "city";
ddlCity.DataValueField = "cityID";
ddlCity.DataBind();
}
protected void ddlCity_SelectedIndexChanged(object sender, EventArgs e)
{
ddlCount.Items.Clear();
string sql = "select * from area where father=@areaID";
DataTable dt = ExecuteDataTable(sql, new SqlParameter("@areaID", ddlCity.SelectedValue.ToString()));
ddlCount.DataSource = dt;
ddlCount.DataTextField = "area";
ddlCount.DataValueField = "areaID";
ddlCount.DataBind();
}
//定義一個方法,傳入兩個參數,一個爲SQL語句,另一個是SQL語句的參數
public static DataTable ExecuteDataTable(string sql, params SqlParameter[] pms)
{
string constr = @"data source=.;initial catalog=PromaryCityCount;user id=sa;password=111111;";
SqlConnection conn = new SqlConnection(constr);
conn.Open();
SqlCommand cmd = conn.CreateCommand();
cmd.CommandText = sql;
if (pms != null)
{
cmd.Parameters.AddRange(pms);
}
SqlDataAdapter adapter = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
adapter.Fill(dt);
return dt;
conn.Close();
conn.Dispose();
}
三級聯動代碼優化
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
三層三級聯動
niuguangyuan
2020-02-23 21:15:38
Spring Boot Jeefast等java框架實現多級聯動以及回顯規功能
tanfei_
2020-06-23 08:23:24
ajax無刷新的三級聯動
niuguangyuan
2020-06-17 07:45:02
Spring-SpringMVC-Mybatis框架下的 省市區 三級聯動 第二版
Clark_Liu1234
2020-06-16 13:26:56
AJAX應用案例--基於mysql,以POST方式,完成三級級下拉聯動【省份-城市-區域】
AJAX應用案例--基於mysql,以POST方式,用DOM對象,完成三級級下拉聯動【省份-城市-區域】,效果圖如下: 數據庫如下: 省份 城
君醉酒
2020-06-16 12:11:25
SpringDataJPA+vue前後端分離實現三級聯動
丿九辞
2020-06-16 06:57:43
擴展應用:全國最新行政區劃行政三級聯動應用及數據源下載【2020年05月更新】
城市角落
2020-05-09 23:09:04
使用ajax實現三級聯動實例
WihauShe
2020-04-19 21:15:22
js 實現省市縣三級聯動
說詤榢
2020-02-22 12:29:03
js 三級聯動學習記錄
wab5168
2020-02-22 00:38:18
Spring boot整合jpa Jquery實現三級聯動
游戏人生12个
2020-02-21 08:00:50
JavaScript數據源版省市縣三級聯動
玄玉
2020-02-20 16:53:47
listView三級聯動
androidWuYou
2020-02-20 13:06:51