admin管理员组

文章数量:815341

jquery省市区ajax,jQuery省市区三级联动

jQuery省市区三级联动演示下载,本文将给大家介绍一款非常好用的省市区三级联动插件:cityselect。通过这款城市联动插件,省市区三级联动cityselect插件可以无刷新省市区联动效果。

查看演示

下载资源:

11893

次 下载资源

下载积分:

1

积分

HTML

首先引入jquery库和cityselect插件。

然后在#city区域里放三个下拉select,对应class为:prov、city、dist,分别表示省、市、区。若只想实现省市二级联动,去掉第三个dist的select就可以了。

jQuery

下面我们看下如何调用cityselect: $("#city").citySelect();

我们也可以自定义省市区。 $("#city").citySelect({

url:"city.min.js",

prov:"湖南", //省份

city:"长沙", //城市

dist:"岳麓区", //区县

nodata:"none" //当子集无数据时,隐藏select

});

你还可以用JSON数据: $("#city").citySelect({

url:{"citylist":[

{"p":"前端课程","c":[{"n":"HTML"},{"n":"CSS3","a":[{"s":"HTML5"},{"s":"AJAX"}]},

{"n":"JSON"}]},

{"p":"编程语言","c":[{"n":"C"},{"n":"Objective-C"},{"n":"PHP"},{"n":"Python"}]},

{"p":"数据库","c":[{"n":"Mysql"},{"n":"SqlServer"},{"n":"Mssql"}]},

]},

prov:"",

city:"",

dist:"",

nodata:"none"

});

你还可以加载PHP文件,是不是很强大啊^_^ $("#city").citySelect({

url:"ajax.php"

});

jQuery省市区三级联动若是数据不能显示 1.路径名称不能中文,只能英文

2.请用http访问

本文标签: jquery省市区ajaxjQuery省市区三级联动