国产亚洲精品久久综合影院,亚洲欧美日本在线,a毛片a毛片a视频

<samp id="wacik"></samp>

<th id="wacik"></th>

首頁 > asp js二級，三級，四級，五級，多級聯動菜單插件

asp js二級，三級，四級，五級，多級聯動菜單插件

時間：2019/8/12 19:30:40 作者：lichangcheng 人氣：標簽：asp二級三級四級五級多級聯動菜單插件

　　

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">   <title>JS三級聯動、五級聯動下拉框菜單特效</title>   <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>
 
 

  <form name="form1" method="post" action="?">     
   <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>    

   



   <select id="x1" name="x1">     
   <option value="">請選擇</option><option value="唐山id">唐山</option></select>    <select id="x2" name="x2">     
   <option value="">請選擇</option><option value="遵化id">遵化</option></select>    <select id="x3" name="x3">     
   <option value="">請選擇</option><option value="新店子id">新店子</option></select>    <select id="x4" name="x4">     
   <option value="">請選擇</option><option value="大老峪id">大老峪</option></select>   
   <input type="submit" name="button" id="button" value="提交" />  </form>  
 
 
 <script language="javascript">
  
  //數據源 
  var array2=new Array();//數據格式 ID，父級ID，名稱
  array2[0]=new Array("唐山id","0","唐山"); 
  array2[1]=new Array("遵化id","唐山id","遵化");
  array2[2]=new Array("新店子id","遵化id","新店子");
  array2[3]=new Array("大老峪id","新店子id","大老峪");
 
  //--------------------------------------------
  //這是調用代碼
  //設置數據源
  var liandong2=new CLASS_LIANDONG_YAO(array2);
  //設置第一個選擇框
  liandong2.firstSelectChange("0","x1");
  //設置子選擇框
  liandong2.subSelectChange("x1","x2")
  liandong2.subSelectChange("x2","x3")
  liandong2.subSelectChange("x3","x4")
 
  
var arr = ["唐山id", "遵化id", "新店子id", "大老峪id"];
['x1', 'x2', 'x3', 'x4'].forEach(function(id, index) {
var el = document.querySelector('#' + id)
el.value = arr[index]
el.onchange && el.onchange()
});
var item = document.querySelector('#x1');
item._onchange = item.onchange;
item.onchange = function (){
    ['x2', 'x3', 'x4'].forEach(function(id){
        document.querySelector('#' + id).innerHTML = '<option value="">請選擇</option>';
    });
    return item._onchange();
}

 </script>

提示：復制和保存代碼功能在FF下無效。

asp js二級，三級，四級，五級，多級聯動菜單插件

可無限極擴展

上一篇：騰訊視頻推送錯誤“臺風利奇馬致...死亡”現已致歉
下一篇：沒有資料

地址：中國.唐山市路北區尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：www.0769djj.com聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 www.0769djj.com

在线观看亚洲天天一三视| 亚洲日本在线免费观看| 亚洲av无码片在线观看| 久久水蜜桃亚洲av无码精品麻豆| 亚洲成色www久久网站夜月| 亚洲精品亚洲人成人网| 亚洲精品无码AV人在线播放| 国产亚洲精品久久久久秋霞 | 亚洲裸男gv网站| 亚洲AV伊人久久青青草原 | 亚洲第一精品在线视频| 亚洲福利在线视频| 亚洲黄色在线视频| 亚洲一区二区三区播放在线| 激情综合亚洲色婷婷五月APP| 中文字幕亚洲有码在线| 久久乐国产综合亚洲精品| 亚洲精品无码不卡在线播放| 亚洲AV无码片一区二区三区| 免费在线观看亚洲| 国产精品亚洲产品一区二区三区| 国产成人综合亚洲亚洲国产第一页 | 亚洲成aⅴ人片在线观| 亚洲国产成人资源在线软件 | 亚洲综合AV在线在线播放| 亚洲精品乱码久久久久久自慰 | 亚洲aⅴ无码专区在线观看春色 | 亚洲成a人片77777群色| 国产精品亚洲综合五月天| 亚洲国产成人久久精品大牛影视| 在线91精品亚洲网站精品成人| 亚洲精品视频免费观看| 日日噜噜噜噜夜夜爽亚洲精品| 亚洲不卡中文字幕无码| 亚洲美女视频网站| 亚洲人成77777在线播放网站不卡| 亚洲成熟丰满熟妇高潮XXXXX| 亚洲国产综合久久天堂| 亚洲va无码va在线va天堂| 亚洲熟妇av一区二区三区下载| jiz zz在亚洲|

<th id="skk8w"></th>

<th id="skk8w"></th>