Select控件实现联动下拉列表框效果
2007-12-26 12:03
831 查看
Select控件实现联动下拉列表框效果(无需数据库)
Select控件属性介绍:
ID属性:获取或设置分配给Select控件的编程标识符。
Name属性:获取或设置与Select控件关联的唯一标识符。
Multiple属性:指定是否在Select控件中同时显示多少个项。
举个例子:页面有一个table控件、2个TextBox控件、2个Button控件、2个Select控件。
1<form id="form1" runat="server">
2<select name="Select1" style="width: 69px" onchange="ChangeItem()">
3<option value="吉林省">吉林省</option>
4<option value="山西省">山西省</option>
5<option value="河北省">河北省</option>
6<option value="河南省">河南省</option>
7<option value="辽宁省">辽宁省</option>
8<option value="黑龙江省">黑龙江省</option>
9<option value="北京市">北京市</option>
10<option value="天津市">天津市</option>
11<option value="上海市">上海市</option>
12<option value="陕西省">陕西省</option>
13<option value="江苏省">江苏省</option>
14<option value="江西省">江西省</option>
15<option value="四川省">四川省</option>
16<option value="安徽省">安徽省</option>
17<option value="浙江省">浙江省</option>
18<option value="湖北省">湖北省</option>
19</select>
20
21<select name="Select2" style="width: 67px">
22<option value="长春市">长春市</option>
23<option value="太原市">太原市</option>
24<option value="石家庄市">石家庄市</option>
25<option value="郑州市">郑州市</option>
26<option value="沈阳市">沈阳市</option>
27<option value="哈尔滨市">哈尔滨市</option>
28<option value="北京市">北京市</option>
29<option value="天津市">天津市</option>
30<option value="上海市">上海市</option>
31<option value="西安市">西安市</option>
32<option value="南京市">南京市</option>
33<option value="南昌市">南昌市</option>
34<option value="成都市">成都市</option>
35<option value="合肥市">合肥市</option>
36<option value="杭州市">杭州市</option>
37<option value="武汉市">武汉市</option>
38</select>
39</form>
40
联动代码如下:
<script language="javascript" type="text/javascript">
2</script>
Select控件属性介绍:
ID属性:获取或设置分配给Select控件的编程标识符。
Name属性:获取或设置与Select控件关联的唯一标识符。
Multiple属性:指定是否在Select控件中同时显示多少个项。
举个例子:页面有一个table控件、2个TextBox控件、2个Button控件、2个Select控件。
1<form id="form1" runat="server">
2<select name="Select1" style="width: 69px" onchange="ChangeItem()">
3<option value="吉林省">吉林省</option>
4<option value="山西省">山西省</option>
5<option value="河北省">河北省</option>
6<option value="河南省">河南省</option>
7<option value="辽宁省">辽宁省</option>
8<option value="黑龙江省">黑龙江省</option>
9<option value="北京市">北京市</option>
10<option value="天津市">天津市</option>
11<option value="上海市">上海市</option>
12<option value="陕西省">陕西省</option>
13<option value="江苏省">江苏省</option>
14<option value="江西省">江西省</option>
15<option value="四川省">四川省</option>
16<option value="安徽省">安徽省</option>
17<option value="浙江省">浙江省</option>
18<option value="湖北省">湖北省</option>
19</select>
20
21<select name="Select2" style="width: 67px">
22<option value="长春市">长春市</option>
23<option value="太原市">太原市</option>
24<option value="石家庄市">石家庄市</option>
25<option value="郑州市">郑州市</option>
26<option value="沈阳市">沈阳市</option>
27<option value="哈尔滨市">哈尔滨市</option>
28<option value="北京市">北京市</option>
29<option value="天津市">天津市</option>
30<option value="上海市">上海市</option>
31<option value="西安市">西安市</option>
32<option value="南京市">南京市</option>
33<option value="南昌市">南昌市</option>
34<option value="成都市">成都市</option>
35<option value="合肥市">合肥市</option>
36<option value="杭州市">杭州市</option>
37<option value="武汉市">武汉市</option>
38</select>
39</form>
40
联动代码如下:
<script language="javascript" type="text/javascript">
2</script>
相关文章推荐
- Select控件实现联动效果
- iosSelect插件 H5中实现iOS的select下拉联动效果
- 基于BootStrap multiselect.js实现的下拉框联动效果
- MVC实现下拉框联动效果(单选)
- js实现的下拉框二级联动效果
- JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种用法(让你真正理解ajax)
- js Select下拉列表框进行多选、移除、交换内容的具体实现方法
- JavaScript实现二级、多级(N级)联动下拉列表框更新版,支持IE6,FireFox,函数和类两种调用方式,支持到N级,非常通用。
- JS简单实现多级Select联动菜单效果代码
- JavaScript解析Json实现动态修改多级下拉选择列表控件Select
- 二级联动效果实现(在javascript中解析xml文件添加到html(select)中)
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- 发布自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- jquery multiselect插件实现下拉多选选框的效果
- Js 实现下拉款选择后多级联动效果
- 一个用webservice behavior实现的三级联动下拉列表框
- 通过隐藏option实现select的联动效果 文章源自:烈火网,原文:http://www.veryhuo.com/a/view/10548.html
- JavaScript实现二级、多级(N级)联动下拉列表框更新版(续)- 四级联动的演示
- 用XML实现三级联动下拉列表框
- Javascript实现下拉框多级联动效果