为了账号安全,请及时绑定邮箱和手机立即绑定

利用cache+jquery实现多级联动

标签:
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 towfunction 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//获取城市listinclude_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;?>


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消