多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置：首頁 > php開源 > php教程 > mysql php無刷新三級聯動菜單

mysql php無刷新三級聯動菜單

來源：程序員人生   發布時間：2014-06-07 06:10:33 閱讀次數：3361次
一款聯動菜單，利用了js php mysql實現的無刷新效果，有需要的朋友可以直接下載哦。
 
  1. <script language="JavaScript" type="text/">  
  2. function removeOptions(selectObj){      
  3.           if (typeof selectObj != 'object'){  
  4.             selectObj = document.getElementById(selectObj); 
  5.     }      // 原有選項計數      
  6.           var len = selectObj.options.length;      
  7.     for (var i=0; i < len; i++){    // 移除當前選項          
  8.         selectObj.options[0] = null;      
  9.     }  
  10. }  
  11. function setSelectOption(selectObj, optionList, firstOption, selected) {     
  12.      if (typeof selectObj != 'object'){          
  13.       selectObj = document.getElementById(selectObj); 
  14.   }      // 清空選項      
  15.   removeOptions(selectObj);    // 選項計數      
  16.   var start = 0;       // 如果需要添加第一個選項      
  17.   if (firstOption){          
  18.        selectObj.options[0] = new Option(firstOption, '');      // 選項計數從 1 開始          
  19.     start ++;     
  20.   }       
  21.   var len = optionList.length; 
  22.   for (var i=0; i < len; i++){     // 設置 option          
  23.       selectObj.options[start] = new Option(optionList[i].txt, optionList[i].val);          // 選中項          
  24.    if(selected == optionList[i].val){              
  25.        selectObj.options[start].selected = true;          
  26.    }          // 計數加 1          
  27.   start ++;      
  28.  }   
  29. }  //--> 
  30.  var sidArr = []; 
  1. <?PHP 
  2. $sql="select * from ptypes where sid = 0 and ssid =0"; 
  3. $result=mysql_query($sql,$conn) or die("查詢數據庫出錯1"); 
  4. while($row=mysql_fetch_object($result)) 
  5. { 
  6.    $i=0; 
  7.    $rs2=""; 
  8.    $sql2="select * from ptypes where sid='".$row->id."'"; 
  9.    $result2=mysql_query($sql2,$conn) or die("查詢數據出錯2"); 
  10.    while($row2=mysql_fetch_object($result2)) 
  11.    { 
  12.        if ($i==0){ 
  13.         $t=""; 
  14.     }else{ 
  15.         $t=","; 
  16.     } 
  17.        $rs2.=$t."{txt:'".$row2->title."',val:'".$row2->id."'}n"; 
  18.     $n=0; 
  19.     $rs3=""; 
  20.     $sql3="select * from ptypes where ssid='".$row2->id."'"; 
  21.     $result3=mysql_query($sql3,$conn) or die("查詢是數據庫出錯3"); 
  22.     while($row3=mysql_fetch_object($result3)) 
  23.     { 
  24.        if ($n==0) 
  25.     { 
  26.        $t1=""; 
  27.     }else{ 
  28.        $t1=","; 
  29.     } 
  30.     $rs3.=$t1."{txt:'".$row3->title."',val:'".$row3->id."'}n"; 
  31.     $n=1; 
  32.     } 
  33.      
  34.     echo("sidArr['".$row2->id."']=[".$rs3."];"); 
  35.     $i=1; 
  36.    } 
  37.     
  38.    echo("sidArr['".$row->id."']=[".$rs2."];"); 
  39. } 
  40. ?> 
  41. function setCity(province) { 
  42.          
  43.          removeOptions(document.getElementById('sid')); 
  44.    removeOptions(document.getElementById('ssid')); 
  45.    setSelectOption('sid', "", '-請選擇-');  
  46.    setSelectOption('ssid', "", '-請選擇-');  
  47.          if (!sidArr[province] || sidArr[province]==""){  
  48.         
  49.              document.getElementById('sid').disabled=true; 
  50.     document.getElementById('ssid').disabled=true; 
  51.    }else{ 
  52.        document.getElementById('sid').disabled=false; 
  53.     document.getElementById('ssid').disabled=false; 
  54.              setSelectOption('sid', sidArr[province], '-請選擇-');  
  55.    } 
  56. } 
  57. function setssid(province) { 
  58.          removeOptions(document.getElementById('ssid')); 
  59.    setSelectOption('ssid', "", '-請選擇-');  
  60.          if (!sidArr[province] || sidArr[province]==""){ 
  61.     document.getElementById('ssid').disabled=true; 
  62.    }else{ 
  63.        document.getElementById('ssid').disabled=false; 
  64.              setSelectOption('ssid', sidArr[province], '-請選擇-');  
  65.    } 
  66. } 
  67. </script> 
  68. <select name="province" id="province" onchange="if(this.value != '') setCity(this.options[this.selectedIndex].value);">    
  69.    <option value="">-請選擇-</option> 
  70.    <?php 
  71.    $sql="select * from ptypes where sid=0 and ssid = 0"; 
  72.    $result=mysql_query($sql,$conn) or die("返回數據記錄出錯!"); 
  73.    while($row=mysql_fetch_object($result)) 
  74.    { 
  75.        echo ("<option value='".$row->id."'>".$row->title."</option>"); 
  76.    } 
  77.    ?> 
  78. </select> 一級 
  79.     
  80. <select name="sid" id="sid" onchange="if(this.value != '') setssid(this.options[this.selectedIndex].value);" >      
  81. <option value="">-請選擇-</option> 
  82. </select> 二級 
  83. <select name="ssid" id="ssid">      
  84. <option value="">-請選擇-</option> 
  85. </select> 三級 
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
為碼而活
積分：4237
15粉絲
7關注
欄目熱點
關閉
程序員人生
主站蜘蛛池模板： 大学生一一级毛片在线播放 | 偷窥自拍校园春色 | 91精品一区二区 | 国内视频一区二区三区 | 一级做受毛片免费大片 | 国产成人精品无缓存在线播放 | a毛片在线播放 | 国产精品一区二区三区高清在线 | 日本韩国一区二区三区 | 日韩欧美手机在线 | 亚洲精品高清在线一区二区三区 | 欧美69xxxx | a一级一色一情 | 日本成人二区 | 亚洲欧美另类专区 | 日韩高清免费观看 | 欧美日韩精品一区二区三区不卡 | 欧美巨大xxxx做受中文字幕 | 国产精品深夜福利免费观看 | 日韩欧美一级a毛片欧美一级 | 免费毛片二级c片观看动漫 免费毛片全部不收费的 | 欧美性生交xxxxx久久久 | 亚洲精品永久www嫩草 | 欧美a在线 | 日韩影院在线 | 在线观看成年人视频 | 国产一区二区三区在线看 | 欧美亚洲国产色综合 | 2020国产精品久久久久 | 亚洲免费成人网 | 一区二区影视 | 亚洲品质自拍视频 | 在线亚洲播放 | 欧美一区二区三区男人的天堂 | 色精品一区二区三区 | 男女激情网 | 最新国产成人综合在线观看 | 手机看片福利盒子 | 国产一区精品 | xxxwww欧美性| 亚洲国产欧美一区二区欧美 |