JS生成N级下拉菜单

原创 2006年06月06日 09:09:00

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>小灰</title>
</head>

<body>

<form name="form1" method="post">
<select id="s1" name="s1"></select><select id="s2" name="s2"></select><select id="s3" name="s3"></select><select id="s4" name="s4"></select>
</form>
<script language="JavaScript">
<!--
function LianDong(arr, sel)
{
 var me = this;
 this.$ = function(o)
 {
  return document.getElementById(o);
 }

 this.sub = function (i, pid)
 {
  for (var j=i+1; j<sel.length; j++)
  {
   me.$(sel[j]).length = 0;
   me.$(sel[j]).options[0] = new Option("请选择", "");
  }
  for ( var j = 0; j < arr.length; j++)
  {
   if (arr[j][1] == pid)
   {
    me.$(sel[i+1]).options[me.$(sel[i+1]).length] = new Option(arr[j][2], arr[j][0]);
   }
  }
 }

 this.init = function()
 {
  me.sub(-1,"root");
  for (var i=0; i<sel.length-1; i++)
  {
   me.$(sel[i]).onchange = function()
   {
    var i;
    for (i=0; me.$(sel[i])!=this; i++);
    me.sub(i, me.$(sel[i]).value);
   }
  }
 }

 this.init();
}

var array=new Array();
array[0]=new Array("华南地区","root","华南地区");
array[1]=new Array("华北地区","root","华北地区");
array[2]=new Array("上海","华南地区","上海");
array[3]=new Array("广东","华南地区","广东");
array[4]=new Array("徐家汇","上海","徐家汇");
array[5]=new Array("普托","上海","普托");
array[6]=new Array("广州","广东","广州");
array[7]=new Array("湛江","广东","湛江");
array[8]=new Array("湛江1","湛江","湛江1");
array[9]=new Array("湛江2","湛江","湛江2");
array[10]=new Array("广州1","广州","广州1");
array[11]=new Array("广州2","广州","广州2");

var select = new Array("s1","s2","s3","s4");

var liandong=new LianDong(array, select)
//-->
</script>

</body>
</html>

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js控制下拉菜单

  • 2015-08-11 17:04
  • 99KB
  • 下载

JS下拉菜单代码

  • 2013-07-16 22:30
  • 19KB
  • 下载

js动态设置select下拉菜单的默认选中项

利用javascript设置select下拉菜单的选中项。

JS下拉菜单

js下拉菜单

纯JS实现出生日期[年月日]下拉菜单

纯JS实现出生日期[年月日]下拉菜单 在制作网页时,可能需要给用户提供注册帐号页面,用户注册 设计很多信息,其中就有 关于出生日期的,出于用户体验,不想让用户手动输入,而HTML5的date,目...
  • ljheee
  • ljheee
  • 2016-04-16 11:46
  • 5594

js的下拉菜单

  • 2014-03-28 20:56
  • 43KB
  • 下载

js实现年月日三级下拉菜单联动

一:图片预览: 二:js代码如下: 年月日三下拉框联动 年 月 日 window.onload = function...

js下拉菜单

  • 2014-03-12 22:07
  • 201KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)