利用cache+jquery實現多級聯動

第一步：產生cache

//緩存一級目錄
$sql="SELECT id,name from ".DB_TABLEPRE."city where pid=0001";//直轄市，省
$plist=$db->fetch_all($sql);
write_to_file('provice',$plist);

用到的write_to_file();

//將字符串寫進文件
function write_to_file($cachename,$content = '') {
    if (is_array($content)) {
        $content = "\$_CACHE['$cachename'] = ".var_export($content,True).';';
    }
    $content = "<?php\n//該文件是系統自動生成的緩存文件，請勿修改\n//創建時間：".get_date('Y-m-d H:i:s',time())."\n\nif (!defined('IN_TOA')) {exit('Access Denied!');}\n\n".$content."\n\n?>";
    $filename = CACHE_ROOT.'cache_'.$cachename.'.php';
    $len = file_put_contents($filename, $content);
    @chmod($filename, 0777);
    return $len;
}

模板中的位置

<dl>
       <dt>地區（*）：</dt>
       <dd><select name="provice">
       <?php foreach($_CACHE['provice'] as $p){?>
       <option value="<?php echo $p['id']?>"><?php echo $p['name']?></option>
       <?php }?>
       </select><span id="c"></span><span id="t"></span></dd>
   </dl>

調用的js

//list tow
function tlist(){
    //動態查詢城市地區列表
  $('select[name=city]').change(function(){
      var c=$(this).val();
      $.get('inc/json_city.php?name=town&id='+c,function(data,status){
          $('#t').html(data);
      });
  });
}

json_city文件

<?php
//獲取城市list
include_once('../include/common.php');
$id=getGP('id','G','int');
$name=getGP('name','G');//列表名稱
//query
$sql="SELECT id,name FROM ".DB_TABLEPRE."city WHERE pid=".$id;
$list=$db->fetch_all($sql);
//循環
if($name=='city'){
    $str= "<select name='".$name."' onChange=\"tlist();\">";
}else{
     $str= "<select name='".$name."'>";
}
foreach($list as $l){
    $str.="<option value='".$l['id']."'>".$l['name']."</option>";
}
$str.="</select>";
echo $str;
?>