国产精品欧美亚洲韩国日本久久,国产a毛片高清视,日本高清无吗v一区

<noscript id="ecekq"><optgroup id="ecekq"></optgroup></noscript>

<strike id="ecekq"></strike>

<cite id="ecekq"></cite>

<th id="ecekq"></th>

首頁 > asp js二級，三級，四級，五級，多級聯(lián)動菜單插件

asp js二級，三級，四級，五級，多級聯(lián)動菜單插件

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

　　

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">   <title>JS三級聯(lián)動、五級聯(lián)動下拉框菜單特效</title>   <script language="javascript">
  /*  
**    ==================================================================================================  
**    類名：CLASS_LIANDONG_YAO  
**    功能：多級連動菜單  
**    
**    作者：YAODAYIZI  
**    ==================================================================================================  
**/   
  function CLASS_LIANDONG_YAO(array)
  {
   //數(shù)組，聯(lián)動的數(shù)據(jù)源
   this.array=array; 
   this.indexName='';
   this.obj='';
   //設置子SELECT
 // 參數(shù)：當前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
 // 參數(shù)：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">
  
  //數(shù)據(jù)源 
  var array2=new Array();//數(shù)據(jù)格式 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","大老峪");
 
  //--------------------------------------------
  //這是調(diào)用代碼
  //設置數(shù)據(jù)源
  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二級，三級，四級，五級，多級聯(lián)動菜單插件

可無限極擴展

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

地址：中國.唐山市路北區(qū)尚座即理工大學對面中國.河北唐山遵化市唐山做網(wǎng)站
本站網(wǎng)址：m.0769djj.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網(wǎng)站建設報價咨詢

網(wǎng)站售前售后服務

冀ICP備12014317號-1 版權(quán)所有:唐山長城網(wǎng)絡 m.0769djj.com

国产亚洲美女精品久久| 亚洲精品无码久久久久秋霞| 99亚洲乱人伦aⅴ精品| 亚洲国产精品久久网午夜| 亚洲视频中文字幕在线| 日韩亚洲AV无码一区二区不卡| 亚洲av无码av制服另类专区| 亚洲AV无码成人精品区蜜桃| 亚洲产国偷V产偷V自拍色戒| 亚洲成人激情在线| 97久久精品亚洲中文字幕无码| 亚洲色欲www综合网| 亚洲性色高清完整版在线观看| 亚洲精品日韩中文字幕久久久| 亚洲欧洲高清有无| 亚洲一区在线免费观看| 亚洲中文字幕一二三四区苍井空 | 久久精品亚洲福利| 亚洲夜夜欢A∨一区二区三区| 国产AV无码专区亚洲AVJULIA| 久久精品国产亚洲夜色AV网站| 亚洲欧洲在线观看| 亚洲国产精品无码久久久| 亚洲大成色www永久网址| 亚洲精品无码日韩国产不卡av| 亚洲1区2区3区精华液| 亚洲国产综合久久天堂| 国产综合精品久久亚洲| 亚洲AV一宅男色影视| 久久夜色精品国产噜噜噜亚洲AV| 亚洲精品网站在线观看你懂的| 亚洲一区电影在线观看| 亚洲变态另类一区二区三区 | 相泽南亚洲一区二区在线播放| 亚洲国产精品尤物YW在线观看| 色久悠悠婷婷综合在线亚洲| 亚洲第一福利视频| 亚洲免费二区三区| 亚洲爆乳无码精品AAA片蜜桃| vvvv99日韩精品亚洲| 亚洲免费人成在线视频观看|

<kbd id="8gewu"><pre id="8gewu"></pre></kbd>

<ul id="8gewu"><pre id="8gewu"></pre></ul>

<samp id="8gewu"></samp>

<kbd id="8gewu"><pre id="8gewu"></pre></kbd>