91在线免费看-91在线免费观看网站-91在线免费观看-91在线免费公开视频-91在线免费播放-91在线麻豆

<rp id="tu9oo"></rp>

<span id="tu9oo"></span>

<span id="tu9oo"></span>

<mark id="tu9oo"></mark>

首頁 > 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.02o9j.com.cn聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

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

主站蜘蛛池模板：在线一区二区三区| 偷窥自拍中文字幕| 亚洲日本一区二区三区不乱码 | 久久久久久亚洲av无码被处| 欧美特黄欧美特黄999| 亚洲无码AV无码| 亚洲美女黄视频| 国产中文字幕在线观看| 热久久一2024亚| 四季AV无码专区AV| 色八戒国产一区二区三区四区 | 一级毛片视频免费| 国产精品麻豆嫩草影院| 久久久久久成人毛片| 久久精品一区二区三区亚洲小说 | 极品白丝足交在线观看| 欧美日韩一区免费观看| 蜜桃一区二区av大片免费观看| 97香蕉久久夜色精品国产| 国产精品无码一区二区三区在线播放| 免费观看上原亚衣| 久久精品综合麻豆| 国产综合亚洲精品一区二| 国产成人久久久久| 国产精品酒店明星三级片多多| 精品久久久久久久久蜜桃mv| 免费极品A∨一视觉盛宴182| 久久久久久99AV无码免费网站| 免费Aa久久电影午夜影视| 久久久国产精品绯色| 国产午夜精品一区二区| 狠狠人妻久久久久久综合九色91 | 四虎,亚洲一区| 人妻无码中文久久久久专区| 久久香蕉成人AV大片免费看| 欧美AⅤ永久无码精品三区在线 | 在线观看最污的视频| 稀有av无码中文字幕| 奇米777欧美| 精品少妇水多奶白粉嫩凹凸网| 精品婬伦V久久水蜜桃|

<mark id="c4k4e"></mark>