简单js代码实现selece二级联动(推荐)
更新时间：2014年02月18日 09:12:09 作者：
这篇文章主要介绍了简单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>
复制代码 代码如下:
<!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实现获取当前时间是本月第几周的方法,涉及javascript针对日期及时间的相关操作技巧,非常简单实用,需要的朋友可以参考下2015-08-08
Jupyter Notebook运行JavaScript的方法
Jupyter Notebook是一块所见即所得的画布，通过在浏览器上编辑代码，让开发人员实现展示与快速迭代的利器，本文主要介绍了Jupyter Notebook运行JavaScript的方法，感兴趣的可以了解一下2021-05-05
这篇文章主要介绍了JavaScript定时器和优化的取消定时器方法,本文着重讲解一个优化的取消定时器的方法,需要的朋友可以参考下2015-07-07
2015-10-10
Javascript json object 与string 相互转换的简单实现
下面小编就为大家带来一篇Javascript json object 与string 相互转换的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了js简单的表格添加行和删除行操作,需要的朋友可以参考下2014-03-03
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
这篇文章主要介绍了JavaScript编程设计模式之观察者模式(Observer Pattern),简单说明了观察者模式的概念、原理并结合实例形式详细给出了观察者模式的相关实现与使用技巧,需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了基于ionic实现下拉刷新功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05![有关JS中的0,null,undefined,[],{},'''''''''''''''',false之间的关系](//img.jbzj.com/images/xgimg/bcimg8.png)
有关JS中的0,null,undefined,[],{},'''''''''''''''',false之间的关系
这篇文章主要介绍了有关JS中的0,null,undefined,[],{},'',false之间的关系,需要的朋友可以参考下2017-02-02
这篇文章主要分享了一些前端性能优化的建议，帮助大家提高页面性能，感兴趣的朋友可以了解下2020-09-09
![有关JS中的0,null,undefined,[],{},'''''''''''''''',false之间的关系](http://img.jbzj.com/images/xgimg/bcimg8.png)
最新评论