JS多级连动菜单_表单特效

来源：懂视网责编：小采时间：2020-11-27 20:34:22

JS多级连动菜单_表单特效

JS多级连动菜单_表单特效: JS联动下拉框 /* ** ================================================================================================== ** 类名：CLASS_LIANDONG_YAO ** 功能：多级连动菜单 ** ** 作者：YAODAYIZI

推荐度：

点击下载本文 文档为doc格式

导读JS多级连动菜单_表单特效: JS联动下拉框 /* ** ================================================================================================== ** 类名：CLASS_LIANDONG_YAO ** 功能：多级连动菜单 ** ** 作者：YAODAYIZI

<html> 
 <head> 
 <title>JS联动下拉框</title> 
 <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> 
 <meta name="ProgId" content="FrontPage.Editor.Document"> 
 <meta name="Originator" content="Microsoft Visual Studio .NET 7.1"> 
 <script language="javascript" > 
 /* 
** ================================================================================================== 
** 类名：CLASS_LIANDONG_YAO 
** 功能：多级连动菜单 
** 
** 作者：YAODAYIZI

** ================================================================================================== 
**/ 
 function CLASS_LIANDONG_YAO(array) 
 { 
 //数组，联动的数据源 
 this.array=array; 
 this.indexName=''; 
 this.obj=''; 
 //设置子SELECT 
 // 参数：当前onchange的SELECT ID，要设置的SELECT ID 
 this.subSelectChange=function(selectName1,selectName2) 
 { 
 //try 
 //{ 
 var obj1=document.all[selectName1]; 
 var obj2=document.all[selectName2]; 
 var objName=this.toString(); 
 var me=this; 
 
 obj1.onchange=function() 
 { 
 
 me.optionChange(this.options[this.selectedIndex].value,obj2.id) 
 }

} 
 //设置第一个SELECT 
 // 参数：indexName指选中项,selectName指select的ID 
 this.firstSelectChange=function(indexName,selectName) 
 { 
 this.obj=document.all[selectName]; 
 this.indexName=indexName; 
 this.optionChange(this.indexName,this.obj.id)

} 
 
 // indexName指选中项,selectName指select的ID 
 this.optionChange=function (indexName,selectName) 
 { 
 var obj1=document.all[selectName]; 
 var me=this; 
 obj1.length=0; 
 obj1.options[0]=new Option("请选择",''); 
 for(var i=0;i<this.array.length;i++) 
 { 
 
 if(this.array[i][1]==indexName) 
 { 
 //alert(this.array[i][1]+" "+indexName); 
 obj1.options[obj1.length]=new Option(this.array[i][2],this.array[i][0]); 
 } 
 } 
 } 
 
 } 
 </ script> 
 </head> 
 <body> 
 
 </body>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS多级连动菜单_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：菜单特效菜单栏

热门焦点

JS多级连动菜单_表单特效

JS多级连动菜单_表单特效

JS多级连动菜单_表单特效

最新推荐

猜你喜欢

热门推荐