程序员人生 网站导航

mysql php无刷新三级联动菜单

栏目：php教程时间：2014-06-07 06:10:33
一款联动菜单，利用了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> 三级 
------分隔线----------------------------

上一篇 帝国GBK转UTF-8引起乱码的解决方法

下一篇 php 提示Warning: mysql_fetch_array() expects

------分隔线----------------------------

最新技术推荐

1Java并发编程的艺术(六)——线程间的通信 2Java并发编程的艺术(三)——volatile 3Node核心模块之Events 4myeclipse源码相关操作 5springMVC源码分析--RequestParamMethodArgumentResolver参数解析器（三） 6Java基本数据类型总结 7java结合testng，利用XML做数据源的数据驱动示例