手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >简单js代码实现selece二级联动(推荐)
简单js代码实现selece二级联动(推荐)
摘要:以下是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>

【简单js代码实现selece二级联动(推荐)】相关文章:

经验几则 推荐

特殊字符、常规符号及其代码对照表

一个很简单的办法实现TD的加亮效果.

简单实用的网页表格特效

一个很简单的办法实现TD的加亮效果.

如何实现浏览器上的右键菜单

使用node+vue.js实现SPA应用

js实现带按钮的上下滚动效果

javascript实现控制的多级下拉菜单

javascript结合Flexbox简单实现滑动拼图游戏

精品推荐
分类导航