这篇文章主要介绍了简单 js 代码实现 selece 二级联动的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
以下是 html 代码:
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE>
- New Document
- </TITLE>
- <META NAME="Generator" CONTENT="EditPlus">
- <META NAME="Author" CONTENT="">
- <META NAME="Keywords" CONTENT="">
- <META NAME="Description" CONTENT="">
- </HEAD>
- <!-- by sundful starting-->
- <BODY>
- <script language="JavaScript">
- var subcat = new Array(); subcat[0] = new Array('中文','英语','英语')
- subcat[1] = new Array('中文','法语','法语') subcat[2] =
- new Array('英语','中文','中文') subcat[3] = new Array('法语','中文','中文')
- function changeselect1(locationid) { document.form1.s2.length
- = 0; //初始化下拉列表 清空下拉数据 document.form1.s2.options[0] = new
- Option('==请选择==',''); //给第一个值 for (i=0; i
- <subcat.length; i++) //legth=20 { if (subcat[i][0] ==
- locationid) //[0] [1] 第一列 第二列 {document.form1.s2.options[document.form1.s2.length] =
- new Option(subcat[i][1], subcat[i][2]);} //建立option //第一次
- length=1 因为有==请选择== //i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] ==
- locationid屏蔽了再写 } } </script>
- <form name="form1" method="post" runat="server">
- 二级联动:
- <select name="s1" onChange="changeselect1(this.value)">
- <option>
- ==请选择==
- </option>
- <option value="中文">
- 中文
- </option>
- <option value="英语">
- 英语
- </option>
- <option value="英语">
- 法语
- </option>
- </select>
- <select name="s2">
- <option>
- ==请选择==
- </option>
- </select>
- </form>
- <!-- by sundful ending-->
- </BODY>
- </HTML>
来源: