时间:2021-05-18
以下是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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery1.3.2简单实现select二级联动复制代码代码如下:jQuery二级联动$(document).ready(function(){$("#pro
复制代码代码如下:AjaxPro实现二级联动AjaxPro实现二级联动 省份城市functionShowCity(id){varres=Test.Ge
本文实例为大家分享了js实现二级联动下拉菜单的具体代码,供大家参考,具体内容如下js代码部分:/**全国二级城市联动js版*/functionDsy(){thi
在开发过程中,遇到过非常多的二级联动,下面是我总结出来的几种二级联动案例二级联动(1)第一种案例是一种比较简单的二级联动,利用jquery的显示隐藏来实现,对于
本文实例为大家分享了js实现二级联动的具体代码,供大家参考,具体内容如下此实例是一个简单的二级联动,第一个列表中的值为固定的,第二个列表中的值随着第一个列表值的