您的位置:首页 > Web前端 > JavaScript

js城市菜select菜单联动包

2017-11-01 15:18 281 查看
/*

//文件名 CitySelect.js
//js城市菜select菜单联动包
//mingLaotou
//www.yipanwang.com  www.yeweihui.com
//json {"status":0,"list":[{"id","","name",""},{"id","","name",""}]}
//调用方法
省:<select name="province_id" id="province_id"></select>  市:<select name="city_id" id="city_id"></select>
<script  language="JavaScript" src="/js/jquery.js"></script>
<script  language="JavaScript" src="/js/CitySelect.js"></script>
<script>
$(document).ready(function(){
var obj=["http://www.yeweihui.com/Province","http://www.yeweihui.com/Sshi"];
var controls=["province_id","city_id"];
var values=[0,0];
$("select[name='province_id']").citySelect({"jsonFile":obj,"selectName":controls,initSelectValue:values});
})
</script>
*/
$(function($){
$.fn.citySelect=function(d){
var a=$(this);
var defaults={
jsonFile:["area","city"],
selectName:["area","city"],
initSelectValue:[0,0]
}
d= $.extend({},defaults,d);
a.options=d;
a.data={};
a.i=0;
//第归请求不同地区
a.ajaxCity=function(obj,jsonfile,value,i){
var selected="selected";
$.ajax({url: jsonfile[i],type:"POST",data:{},async:true,contentType:"json",dataType:"json",success:function(result){

$("#"+obj[i]).empty();
console.log(result);
$("#"+obj[i]).append("<option value='0'>请选择</option>");
for(var j=0;j<result.list.length;j++) {

if(value[i]==result.list[j].id){
selected="selected";
}else{
selected="";
}
$("#"+obj[i]).append("<option value='"+result.list[j].id+"' "+selected+">"+result.list[j].name+"</option>");
}

$("#"+obj[i]).change(function(){
if(i< obj.length-1) {
var ii=i+1;
a.ajaxCity(obj, jsonfile, value, ii);
}
});
if(i< obj.length-1) {
if (value[i + 1] != 0) {
a.ajaxCity(obj, jsonfile, value, i+1);
}
}
},error:function(e){
console.log("请求错误"+jsonfile[i]);
}});
}
a.initFun=function(){
console.log("00请求错误"+a.options.selectName[0]);
a.ajaxCity(a.options.selectName, a.options.jsonFile, a.options.initSelectValue,0);
}
a.initFun();

}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: