技术笔记: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();


}

相关文章
|
6月前
|
前端开发
|
3月前
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
304 0
|
8月前
|
移动开发 HTML5
超级高大上HTML5引导页源码 动态效果更好看
超级高大上HTML5引导页源码 动态效果更好看
285 3
|
8月前
|
移动开发 HTML5
高大上HTML5引导页源码 动态效果更好看
高大上HTML5引导页源码 动态效果更好看,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,
84 0
高大上HTML5引导页源码 动态效果更好看
|
8月前
页面渲染效果图(樱花飘落).html(网上收集 4)
页面渲染效果图(樱花飘落).html(网上收集 4)
抖音超火的圣诞树代码,html源码分享
抖音超火的圣诞树代码,html源码分享
1996 0
|
前端开发 开发者
前端祖传三件套HTML的常用属性之title
HTML是前端开发的基础知识之一,而title属性是其中一个常用的属性。在HTML中,title属性可以帮助我们为元素添加文本提示,以便用户更好地了解网页内容。本文将介绍title属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握title属性。
1404 0
|
前端开发 开发者
前端祖传三件套HTML的常用属性之style
HTML是前端开发的基础知识之一,而style属性是其中一个常用的属性。在HTML中,style属性可以帮助我们为元素设置样式,使网页呈现出更好的视觉效果。本文将介绍style属性的定义、用法以及注意事项,帮助广大前端开发者更好地掌握style属性。
699 0
|
移动开发 前端开发 UED
前端祖传三件套HTML的常用标签之布局
在网页制作中,布局是非常重要的一环。它不仅决定了界面的美观程度,还直接影响页面的用户体验。在HTML中,我们可以使用一些常用的标签来实现页面的布局。在本文中,我们将介绍HTML中常用的几种布局标签。
118 0
|
JavaScript 前端开发
史上最简单的原生JS实现轮播图效果
原生JS实现轮播图效果 上篇文章我们说到了怎样利用原生JS实现Tab切换的效果,现在我们来说一下Tab切换的“升级版”。如何利用原生JS实现轮播图效果。如图: 在这里插入图片描述 HTML代码: <div class="box"> <img src="img/0.jpg" alt=""> <!-- <img src="img/1.jpg" alt=""> <img src="img/2.jpg" alt=""> <img src="img/3.jpg" alt=""> --> <div class="

热门文章

最新文章

下一篇
开通oss服务