三级菜单的案例

Original 2019-04-09 16:35:14 254
abstract:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head>  <title></title>  <meta name="GENERATOR" content="M



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

 <head>

  <title></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" >

 

  function CLASS_LIANDONG_YAO(array)

  {

  

   this.array=array; 

   this.indexName='';

   this.obj='';

 

      this.subSelectChange=function(selectName1,selectName2)

   {


    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)

    }

   }


   this.firstSelectChange=function(indexName,selectName)  

   {

   this.obj=document.all[selectName];

   this.indexName=indexName;

   this.optionChange(this.indexName,this.obj.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>


  <form name="form1" method="post">

    

   <SELECT ID="s1" NAME="s1"  >

    <OPTION selected></OPTION>

   </SELECT>

   <SELECT ID="s2" NAME="s2"  >

    <OPTION selected></OPTION>

   </SELECT>

   <SELECT ID="s3" NAME="s3">

    <OPTION selected></OPTION>

   </SELECT>

   <br>

   <br>

    <OPTION selected></OPTION>

   </SELECT>

   

  </form>

 </body>

 

 

 <script language="javascript">


  var array=new Array();

  array[0]=new Array("华南地区","根目录","华南地区"); 

  array[1]=new Array("华北地区","根目录","华北地区");

  array[2]=new Array("上海","华南地区","上海");

  array[3]=new Array("广东","华南地区","广东");

  array[4]=new Array("徐家汇","上海","徐家汇");

  array[5]=new Array("普托","上海","普托"); 

  array[6]=new Array("广州","广东","广州");

  array[7]=new Array("湛江","广东","湛江");


  var liandong=new CLASS_LIANDONG_YAO(array) 

  liandong.firstSelectChange("根目录","s1"); 

  liandong.subSelectChange("s1","s2"); 

  liandong.subSelectChange("s2","s3");

  

 

 

  var liandong2=new CLASS_LIANDONG_YAO(array2);


  liandong2.firstSelectChange("根目录","x1");

  

  liandong2.subSelectChange("x1","x2")

  liandong2.subSelectChange("x2","x3")

  liandong2.subSelectChange("x3","x4")

  liandong2.subSelectChange("x4","x5")

 </script>

</html></font>



Correcting teacher:天蓬老师Correction time:2019-04-10 10:20:48
Teacher's summary:content="Microsoft FrontPage 4.0", 看到了这个老古董 , 这段代码有意思

Release Notes

Popular Entries