搜索
系统检测到您的用户名不符合规范:

城市四级联动菜单 省市区街道

浏览:9491 发布日期:2016年03月17日 分类:功能实现 关键字: Javascript jQuery PHP 城市级联 城市数据
desc
javascript ;(function( $ , win , doc , undefined ){
var indexs = 0;
var obj = $('#getAddress select');
var base_op = "<option>--请选择--</optoin>";
obj.change(function(){
var this_val = $(this).val();
var this_index = $(this).index() + 1;

$(this).parent('div').find('select').each(function(i){
if(i > (this_index-1)){
$(this).val(base_op);
}
});

getAddress(this_val,this_index);
});

//获取地址
function getAddress(level,ix){
$.get("__URL__/getAddress",{le : level},function(res){
var selNode = base_op;
for(var i=0;i < res.length;i++){
selNode += '<option value="' + res[i].id +'">' + res[i].name + '</option>';
}

obj.eq(ix).html(selNode);
},"json");
}

getAddress(0,indexs);

})(jQuery,window,document);//如果你的项目此处还有其他的js代码需要使用j/w/d对象
PHPpublic function getAddress(){
$level = I("get.le");
$result = M("wd_addr")->where("pid =" . $level)->select();//这里我的项目是用的文件缓存,具体看你。这里仅仅演示
$this->ajaxReturn($result,'JSON');
}
HTML<div id="getAddress">
<select name="">
<option value="0">--请选择--</option>
</select>
<select name="">
<option value="0">--请选择--</option>
</select>
<select name="">
<option value="0">--请选择--</option>
</select>
<select name="">
<option value="0">--请选择--</option>
</select>
</div>

附件 wd.rar ( 338.02 KB 下载:469 次 )

评论() 相关
后面还有条评论,
评论支持使用[code][/code]标签添加代码
您需要登录后才可以评论 登录 | 立即注册
收藏
AngleModel
积分:586 等级:LV2
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /