您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
js代码实现selece二级联动
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要介绍了简单js代码实现selece二级联动的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助
以下是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>- 上一个程序编程： js charAt的使用示例
- 下一个程序编程： JS弹出层单纯的绝对定位居中示例代码
