首页
矢量素材
PNG图标
JS代码
网页小图标
网页素材
设计欣赏
广告达人
有趣新鲜
技术文档
懒人博客
懒人论坛
当前位置：
首页
>
JS代码
>
JS特效代码
>
表单按钮
> 第1页
二级联动三级联动
VIEW:260
来源：懒人图库
2009-05-30
<html> <head> <title>无标题文档</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <!-- 二级联动 Start --> <script language="JavaScript"> <!-- var subcat = new Array(); subcat[0] = new Array('10','1','=1') subcat[1] = new Array('10','2','=2') subcat[2] = new Array('10','3','=3') subcat[3] = new Array('10','4','=4') subcat[4] = new Array('10','5','=5') subcat[5] = new Array('10','6','=6') subcat[6] = new Array('10','7','=7') subcat[7] = new Array('10','8','=8') subcat[8] = new Array('10','9','=9') subcat[9] = new Array('10','10','=10') subcat[10] = new Array('20','11','=11') subcat[11] = new Array('20','12','=12') subcat[12] = new Array('20','13','=13') subcat[13] = new Array('20','14','=14') subcat[14] = new Array('20','15','=15') subcat[15] = new Array('20','16','=16') subcat[16] = new Array('20','17','=17') subcat[17] = new Array('20','18','=18') subcat[18] = new Array('20','19','=19') subcat[19] = new Array('20','20','=20') function changeselect1(locationid) { document.form1.s2.length = 0; document.form1.s2.options[0] = new Option('==请选择==',''); for (i=0; i<subcat.length; i++) { if (subcat[i][0] == locationid) {document.form1.s2.options[document.form1.s2.length] = new Option(subcat[i][1], subcat[i][2]);} } } //--> </script> <form name="form1"> 二级联动： <select name="s1" onChange="changeselect1(this.value)"> <option>==请选择==</option> <option value="10">1-10</option> <option value="20">11-20</option> </select> <select name="s2" onChange="alert(this.value)"> <option>==请选择==</option> </select> </form> <!-- 二级联动 Over --> <!-- 三级联动 Start --> <script language="JavaScript"> <!-- var subval = new Array(); subval[0] = new Array('10','单数','1','=1') subval[1] = new Array('10','双数','2','=2') subval[2] = new Array('10','单数','3','=3') subval[3] = new Array('10','双数','4','=4') subval[4] = new Array('10','单数','5','=5') subval[5] = new Array('10','双数','6','=6') subval[6] = new Array('10','单数','7','=7') subval[7] = new Array('10','双数','8','=8') subval[8] = new Array('10','单数','9','=9') subval[9] = new Array('10','双数','10','=10') subval[10] = new Array('20','单数','11','=11') subval[11] = new Array('20','双数','12','=12') subval[12] = new Array('20','单数','13','=13') subval[13] = new Array('20','双数','14','=14') subval[14] = new Array('20','单数','15','=15') subval[15] = new Array('20','双数','16','=16') subval[16] = new Array('20','单数','17','=17') subval[17] = new Array('20','双数','18','=18') subval[18] = new Array('20','单数','19','=19') subval[19] = new Array('20','双数','20','=20') function changeselect2() { document.form2.s2.length = 0; document.form2.s2.options[0] = new Option('==请选择==',''); document.form2.s2.options[1] = new Option('选择单数','单数'); document.form2.s2.options[2] = new Option('选择双数','双数'); document.form2.s3.length = 0; document.form2.s3.options[0] = new Option('==请选择==',''); } function changeselect3(sub1,sub2) { document.form2.s3.length = 0; document.form2.s3.options[0] = new Option('==请选择==',''); for (i=0; i<subval.length; i++) { if ((subval[i][0] == sub1) & (subval[i][1] == sub2)) {document.form2.s3.options[document.form2.s3.length] = new Option(subval[i][2], subval[i][3]);} } } //--> </script> <form name="form2"> 三级联动： <select name="s1" onChange="changeselect2()"> <option>==请选择==</option> <option value="10">1-10</option> <option value="20">11-20</option> </select> <select name="s2" onChange="changeselect3(document.form2.s1.value,this.value)"> <option>==请选择==</option> </select> <select name="s3" onChange="alert(this.value)"> <option>==请选择==</option> </select> </form> <!-- 三级联动 Over --> </body> </html>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
↑上一篇：
怎样把网站变为灰色
↓下一篇：
输入框提示列表
表单美化之textarea文本域背景的美化
表单美化之注册与登录界面的美化
CSS自适应宽度按钮
可选择Email和用户名登录的代码
鼠标经过input时的颜色发生变化
符合标准的Focus功能的提交信息表单
效果超酷的textarea的输入字数限提示
带滑动条的DIV+CSS+JS登录框代码
输入框下拉列表提示
广告代码
共
338
个JS广告代码
››全部
焦 点 图(156)
全屏广告(11)
对联广告(6)
在线客服(5)
相册代码(39)
菜单导航(32)
TAB标签(13)
悬浮漂浮(3)
视频播放(4)
图片特效(23)
翻牌书角(7)
其他代码(39)
特效代码
共
273
个JS特效代码
››全部
导航菜单(55)
表单按钮(43)
文字特效(11)
表格图层(35)
图片特效(15)
时间日期(21)
滚动代码(11)
窗口特效(8)
颜色背景(2)
网站常用(42)
CSS样式(13)
其他特效(17)
最近浏览过的特效代码
更多››
关于我们
-
版权声明
-
广告服务
-
懒人西西
-
RSS订阅
-
工作机会
-
网站地图
-
友情链接
-
联系我们
-
在线留言
Copyright © 2006-2009
lanrentuku.com
All Rights Reserved.
-
京ICP备08001501号
