Select控件实现联动下拉列表框效果(无需数据库)
Select控件属性介绍:
ID属性:获取或设置分配给Select控件的编程标识符。
Name属性:获取或设置与Select控件关联的唯一标识符。
Multiple属性:指定是否在Select控件中同时显示多少个项。
举个例子:页面有一个table控件、2个TextBox控件、2个Button控件、2个Select控件。
1<formid="form1"runat="server">
2<selectname="Select1"style="width:69px"onchange="ChangeItem()">
3<optionvalue="吉林省">吉林省</option>
4<optionvalue="山西省">山西省</option>
5<optionvalue="河北省">河北省</option>
6<optionvalue="河南省">河南省</option>
7<optionvalue="辽宁省">辽宁省</option>
8<optionvalue="黑龙江省">黑龙江省</option>
9<optionvalue="北京市">北京市</option>
10<optionvalue="天津市">天津市</option>
11<optionvalue="上海市">上海市</option>
12<optionvalue="陕西省">陕西省</option>
13<optionvalue="江苏省">江苏省</option>
14<optionvalue="江西省">江西省</option>
15<optionvalue="四川省">四川省</option>
16<optionvalue="安徽省">安徽省</option>
17<optionvalue="浙江省">浙江省</option>
18<optionvalue="湖北省">湖北省</option>
19</select>
20
21<selectname="Select2"style="width:67px">
22<optionvalue="长春市">长春市</option>
23<optionvalue="太原市">太原市</option>
24<optionvalue="石家庄市">石家庄市</option>
25<optionvalue="郑州市">郑州市</option>
26<optionvalue="沈阳市">沈阳市</option>
27<optionvalue="哈尔滨市">哈尔滨市</option>
28<optionvalue="北京市">北京市</option>
29<optionvalue="天津市">天津市</option>
30<optionvalue="上海市">上海市</option>
31<optionvalue="西安市">西安市</option>
32<optionvalue="南京市">南京市</option>
33<optionvalue="南昌市">南昌市</option>
34<optionvalue="成都市">成都市</option>
35<optionvalue="合肥市">合肥市</option>
36<optionvalue="杭州市">杭州市</option>
37<optionvalue="武汉市">武汉市</option>
38</select>
39</form>
40
联动代码如下:
Code
1<scriptlanguage="javascript"type="text/javascript">
2functionChangeItem(){
3form1.Select2.selectedIndex=form1.Select1.selectedIndex
4//SelectedIndex表示控件对象中当前选定条目的从零开始的索引,如果未选定任何项,则返回值为-1.
5}
6</script>