技术笔记:WebForm三级联动

简介: 技术笔记:WebForm三级联动

三级联动


数据库根据父级代号条件写查询 返回list集合


方法一:


创建三个下拉列表:


※AutoPostBack:否发生自动回传到服务器的操作。如果把该属性设置为 TRUE,则启用自动回传,否则为 FALSE。默认是 FALSE。


1 省:

2 市:

3 区:

CS:


※SelectedIndexChanged事件:当列表控件的选定项在信息发往服务器之间变化时发生


1 protected void Page_Load(object sender, EventArgs e)


2 {


3 if (!IsPostBack)


4 {


5 Bind(new ChinaStatesDA().Select("0001"//代码效果参考:http://www.lyjsj.net.cn/wx/art_23086.html

), DropDownList1);

6 Bind(new ChinaStatesDA().Select(DropDownList1.SelectedValue), DropDownList2);


7 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


8 }


9 DropDownList1.SelectedIndexChanged += DropDownList1_SelectedIndexChanged;


10 DropDownList2.SelectedIndexChanged += DropDownList2_SelectedIndexChanged;


11 }


12


13 void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)


14 {


15 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


16 }


17


18 void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)


19 {


20 Bind(new ChinaStatesDA().Select(DropDownList1.SelectedValue), DropDownList2);


21 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


22 }


23 //绑定方法


24 public void Bind(List list, DropDownList dw)


25 {


26 dw.DataSource = list;


27 dw.DataTextField = "AreaName";


28 dw.DataValueField = "AreaCode";


29 dw.DataBind();


30 }


方法二:


创建三个下拉列表框:


省:

市:

区:

CS:


※DropDownList.Items.Clear(); 每调用一次填充方法就需要请空一下,否则数据会追加


protected void Page_Load(object sender, EventArgs e)


{


if (!IsPostBack)


{


sheng();


shi();


qu();


}


}


public void sheng()//填充省


{


List listsheng = new ChinaStatesDA().Select("0001");


foreach (ChinaStates cssheng in listsheng)


{


ListItem lisheng = new ListItem(cssheng.AreaName, cssheng.AreaCode);


DropDownListsheng.Items.Add(lisheng);


}


}


public void shi()//填充市


{


List listshi = new ChinaStatesDA().Select(DropDownListsheng.SelectedValue);


foreach (ChinaStates csshi in listshi)


{


ListItem lishi = new ListItem(csshi.AreaName, csshi.AreaCode);


DropDownListshi.Items.Add(lishi);


}


}


public void qu()//填充区


{


List listqu = new ChinaStatesDA().Select(DropDownListshi.SelectedValue);


foreach (ChinaStates csqu in listqu)


{


ListItem liqu = new ListItem(csqu.AreaName, csqu.AreaCode);


DropDownListqu.Items.Add(liqu);


}


}


protected void DropDownListsheng_SelectedIndexChanged(object sender, EventArgs e)


{


DropDownListshi.Items.Clear();


DropDownListqu.Items.Clear();


shi();


qu();


}


protected void DropDownListshi_SelectedIndexChanged(object sender, EventArgs e)


{


DropDownListqu.Items.Clear();


qu();


}

相关文章
|
前端开发
【前端学习从青铜到王者】—HTML常用标签(二)
【前端学习从青铜到王者】—HTML常用标签(二)
|
6月前
|
移动开发 JSON JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
|
前端开发 开发者
前端祖传三件套HTML的常用属性之title
HTML是前端开发的基础知识之一,而title属性是其中一个常用的属性。在HTML中,title属性可以帮助我们为元素添加文本提示,以便用户更好地了解网页内容。本文将介绍title属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握title属性。
1402 0
|
前端开发 JavaScript 开发者
前端祖传三件套HTML的常用属性之class
HTML是前端开发的基础知识之一,而class属性是其中一个常用的属性。在HTML中,class属性可以帮助我们快速地为元素设置样式或者在JavaScript中通过类名找到元素并进行操作。本文将介绍class属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握class属性。
343 0
|
前端开发 JavaScript 开发者
前端祖传三件套HTML的常用属性之id
作为前端开发的入门技术,HTML是我们必须掌握的基础知识。在HTML中,id属性是一个非常重要的属性,它可以让我们轻松找到页面上的元素,为元素设置样式和添加事件等操作提供了便利。本文将介绍id属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握id属性。
291 0
|
前端开发 开发者
前端祖传三件套HTML的常用属性之style
HTML是前端开发的基础知识之一,而style属性是其中一个常用的属性。在HTML中,style属性可以帮助我们为元素设置样式,使网页呈现出更好的视觉效果。本文将介绍style属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握style属性。
697 0
|
前端开发 JavaScript 搜索推荐
前端祖传三件套HTML的常用标签之标题
标题是网页中最常见的元素之一,它可以为用户提供清晰明了的页面结构和导航。
92 0
|
前端开发 数据安全/隐私保护
前端祖传三件套HTML的常用标签之表单
表单是网页中最重要的交互元素之一,它可以允许用户输入数据并将其提交到服务器。在HTML中,我们使用<form>、<input>、<label>和<select>等标签来定义表单。
96 0
|
前端开发
前端祖传三件套HTML的常用标签之表格
格是网页中最常见的元素之一,它可以将数据结构化并以表格的形式展示给用户。在HTML中,我们使用<table>、<tr>、<th>和<td>标签来定义表格。
102 0
|
前端开发 搜索推荐
前端祖传三件套HTML的常用标签之链接
链接是网页中最重要的元素之一,它可以将网页内或外的内容互相连接起来,从而为用户提供更多有用的信息和资源。在HTML中,我们使用<a>标签来定义链接。
117 0