简单js代码实现selece二级联动(推荐)_Javascript教程-查字典教程网
简单js代码实现selece二级联动(推荐)
简单js代码实现selece二级联动(推荐)
发布时间:2016-12-30 来源:查字典编辑
摘要:以下是html代码:复制代码代码如下:NewDocumentvarsubcat=newArray();subcat[0]=newArray(...

以下是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>

<>

<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>

<>

</BODY>

</HTML>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类