select下拉框多级联动

原创 2007年10月01日 17:52: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.SetValue   =   function()  
    
...{  
      
for   (var   i=0;   i<arguments.length-1;   i++)  
      
...{  
        me.$(sel[i]).value   
=   arguments[i];  
        me.sub(i,   me.$(sel[i]).value);  
      }
  
      me.$(sel[arguments.length
-1]).value   =   arguments[arguments.length-1];  
    }
  
   
    
this.init();  
  }
  
   
  
var   array=new   Array();  
  array[
0]=new   Array("1","root","华南地区");  
  array[
1]=new   Array("2","root","华北地区");  
  array[
2]=new   Array("3","1","上海");  
  array[
3]=new   Array("4","1","广东");  
  array[
4]=new   Array("5","上海","徐家汇");  
  array[
5]=new   Array("6","3","普托");  
  array[
6]=new   Array("7","4","广州");  
  array[
7]=new   Array("8","4","湛江");  
  array[
8]=new   Array("9","8","湛江1");  
  array[
9]=new   Array("10","8","湛江2");  
  array[
10]=new   Array("11","7","广州1");  
  array[
11]=new   Array("12","7","广州2");  
   
  
var   select   =   new   Array("s1","s2","s3","s4");  
   
  
var   liandong=new   LianDong(array,   select)  
   
  liandong.SetValue(
'华南地区','广东','广州','广州1');  
  
//-->  
  
</script>  
   
  
</body>  
  
</html>
 

select下拉列表级联

1、    v1 v2 v3 v4 v1 v2 v3 v4 注意:fireFox需要将name换成id。2、test.html:               请选择省名                ...
  • symgdwyh
  • symgdwyh
  • 2010年03月30日 15:24
  • 21922

jquery填充select下拉列表,三级联动

无标题页 //绑定ClassLevel1单击事件 $("#ClassLevel1").change(function() { var id = $("#C...
  • cocoaxian
  • cocoaxian
  • 2016年09月19日 18:28
  • 1510

MUI组件四:选择器、滚动条、单选框、区域滚动和轮播组件

1、picker(选择器)   mui框架扩展了pipcker组件,可用于弹出选择器,在各平台上都有统一表现.poppicker和dtpicker是对picker的具体实现。*poppicker组件...
  • qq_27626333
  • qq_27626333
  • 2016年07月12日 18:35
  • 36030

select下拉列表的联动

select下拉列表的联动
  • Mankii
  • Mankii
  • 2016年09月07日 15:00
  • 915

JavaScript解析Json实现动态修改多级下拉选择列表控件Select

最终效果: 根据上级菜单所选,决定下级菜单的列表项内容 数据源 首先读取数据库中的数据得到数据,由于数据库中的数据是分散的几个二维表格,查询出来的数据是Map键值对的List集合,不能直接拿来用...
  • c12366456
  • c12366456
  • 2015年08月09日 12:50
  • 3099

下拉菜单三级级联的效果实现(jsp、js、Java、mysql)

三级级联的下拉菜单效果实现 1、效果图 2、jsp代码 类别 全部 ...
  • bjlf_1989
  • bjlf_1989
  • 2015年08月21日 09:35
  • 6255

JSP省市区三级联动下拉选

JSP+Jquery+Oracle实现省市区三级联动下拉选菜单 自己搞了一下午,刚开始觉得还有点麻烦,不过搞过一遍之后就觉得简单了,供大家互相学习,具体代码如下: 1.jsp页面代码: ...
  • qigc_0529
  • qigc_0529
  • 2016年08月25日 21:01
  • 5379

jsp+javascript实现动态下拉二级联动(select+option)

最近在做一个项目,要使用动态下拉二级联动效果。就是当改变新闻大类别后,相应的小类别也要调整。数据库我设置了三个字段(id,name,parentId),因为只做二层目录,所以第一层目录的父节点(par...
  • Lixuanshengchao
  • Lixuanshengchao
  • 2016年06月07日 00:10
  • 5645

jsp 实现三级联动的下拉列表框效果

  • 2009年03月05日 06:39
  • 3KB
  • 下载

JS 之 下拉框三级联动(一)

纯JS省市区联动 省: 市: 区: 省: 市: 区: addressInit('cmbProvince', 'cmbCity', 'cmbArea', '陕西', '宝鸡市', '金台区'...
  • u010786678
  • u010786678
  • 2016年01月31日 21:32
  • 3452
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:select下拉框多级联动
举报原因:
原因补充:

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