省市区联动下拉效果在WEB应用中使用非常广泛,尤其在一些会员信息系统、电商网站最为常见,开发者一般使用AJAX实现无刷新下拉联动。
接下来,我们在#city中,放置三个select,并且三个select分别设置class属性为:prov、city、dist,分别表示省、市、区(县)三个下拉框。
jQuery 调用cityselect插件非常简单,直接调用: (function(){ (#city).citySelect(); 这个city对应上面定义的div的id});自定义参数调用,设置默认省市区。
(#city).citySelect({ url:jscity.min.js, prov:湖南, 省份 city:长沙, 城市 dist:岳麓区, 区县 nodata:none 当子集无数据时,隐藏select