Select控件实现联动下拉列表框效果

时间:2021-09-15 12:29:14
Select控件实现联动下拉列表框效果(无需数据库)
Select控件属性介绍:
ID属性:获取或设置分配给Select控件的编程标识符。
Name属性:获取或设置与Select控件关联的唯一标识符。
Multiple属性:指定是否在Select控件中同时显示多少个项。
举个例子:页面有一个table控件、2个TextBox控件、2个Button控件、2个Select控件。
 1 Select控件实现联动下拉列表框效果< form id = " form1 "  runat = " server " >  
 2 Select控件实现联动下拉列表框效果 < select name = " Select1 "  style = " width: 69px "  onchange = " ChangeItem() " >  
 3 Select控件实现联动下拉列表框效果 < option value = " 吉林省 " > 吉林省 </ option >  
 4 Select控件实现联动下拉列表框效果 < option value = " 山西省 " > 山西省 </ option >  
 5 Select控件实现联动下拉列表框效果 < option value = " 河北省 " > 河北省 </ option >  
 6 Select控件实现联动下拉列表框效果 < option value = " 河南省 " > 河南省 </ option >  
 7 Select控件实现联动下拉列表框效果 < option value = " 辽宁省 " > 辽宁省 </ option >  
 8 Select控件实现联动下拉列表框效果 < option value = " 黑龙江省 " > 黑龙江省 </ option >  
 9 Select控件实现联动下拉列表框效果 < option value = " 北京市 " > 北京市 </ option >  
10 Select控件实现联动下拉列表框效果 < option value = " 天津市 " > 天津市 </ option >  
11 Select控件实现联动下拉列表框效果 < option value = " 上海市 " > 上海市 </ option >  
12 Select控件实现联动下拉列表框效果 < option value = " 陕西省 " > 陕西省 </ option >  
13 Select控件实现联动下拉列表框效果 < option value = " 江苏省 " > 江苏省 </ option >  
14 Select控件实现联动下拉列表框效果 < option value = " 江西省 " > 江西省 </ option >  
15 Select控件实现联动下拉列表框效果 < option value = " 四川省 " > 四川省 </ option >  
16 Select控件实现联动下拉列表框效果 < option value = " 安徽省 " > 安徽省 </ option >  
17 Select控件实现联动下拉列表框效果 < option value = " 浙江省 " > 浙江省 </ option >  
18 Select控件实现联动下拉列表框效果 < option value = " 湖北省 " > 湖北省 </ option >  
19 Select控件实现联动下拉列表框效果 </ select >  
20 Select控件实现联动下拉列表框效果
21 Select控件实现联动下拉列表框效果 < select name = " Select2 "  style = " width: 67px " >  
22 Select控件实现联动下拉列表框效果 < option value = " 长春市 " > 长春市 </ option >  
23 Select控件实现联动下拉列表框效果 < option value = " 太原市 " > 太原市 </ option >  
24 Select控件实现联动下拉列表框效果 < option value = " 石家庄市 " > 石家庄市 </ option >  
25 Select控件实现联动下拉列表框效果 < option value = " 郑州市 " > 郑州市 </ option >  
26 Select控件实现联动下拉列表框效果 < option value = " 沈阳市 " > 沈阳市 </ option >  
27 Select控件实现联动下拉列表框效果 < option value = " 哈尔滨市 " > 哈尔滨市 </ option >  
28 Select控件实现联动下拉列表框效果 < option value = " 北京市 " > 北京市 </ option >  
29 Select控件实现联动下拉列表框效果 < option value = " 天津市 " > 天津市 </ option >  
30 Select控件实现联动下拉列表框效果 < option value = " 上海市 " > 上海市 </ option >  
31 Select控件实现联动下拉列表框效果 < option value = " 西安市 " > 西安市 </ option >  
32 Select控件实现联动下拉列表框效果 < option value = " 南京市 " > 南京市 </ option >  
33 Select控件实现联动下拉列表框效果 < option value = " 南昌市 " > 南昌市 </ option >  
34 Select控件实现联动下拉列表框效果 < option value = " 成都市 " > 成都市 </ option >  
35 Select控件实现联动下拉列表框效果 < option value = " 合肥市 " > 合肥市 </ option >  
36 Select控件实现联动下拉列表框效果 < option value = " 杭州市 " > 杭州市 </ option >  
37 Select控件实现联动下拉列表框效果 < option value = " 武汉市 " > 武汉市 </ option >  
38 Select控件实现联动下拉列表框效果 </ select >  
39 Select控件实现联动下拉列表框效果 </ form >  
40 Select控件实现联动下拉列表框效果

联动代码如下:
Select控件实现联动下拉列表框效果Select控件实现联动下拉列表框效果Code