jquery省市区三级联动插件CitySelect

CitySelect是一个通过读取JSON数据，实现无刷新动态下拉省市二（三）级联动效果的jquery插件。

CitySelect使用方法：

一、在页面当中引用该文件

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.cityselect.js"></script>

文件链接：https://pan.baidu.com/s/1rQLEIkxsOq0WPvMmP6emWw 提取码：m9kw

二、下面代码是最基本版，可以根据自己的需求修改。

<div id="city"> 
    <select class="prov"></select>  
    <select class="city" disabled="disabled"></select> 
    <select class="dist" disabled="disabled"></select> 
</div>

三、初始化控件。

$("#city").citySelect({
	url:"./city.min.js",  //请求地址，请在localhost下请求这个地址，或者后端直接返回数据
	prov:"", //省的默认值，可不写此属性； 
	city:"", //地市的默认值，可不写； 
	dist:"", //区的默认值，可不写
	nodata:"none", //设置此属性为"none"，当子集无数据时，隐藏select 
	required:true //是否默认选中
});

四、如果有特殊需求，可以自定义下拉选项，注意数据格式一定要为JSON格式。也可以使url参数指向后台地址获取数据。

$("#city").citySelect({
	url:{"citylist":[
		{"p":"前端课程","c":[{"n":"HTML5"},{"n":"CSS3","a":[{"s":"HTML"},{"n":"JSON"}]},
		{"p":"编程语言","c":[{"n":"C"},{"n":"C++"},{"n":"Python"},{"n":"PHP"},{"n":"JAVA"}]},
		{"p":"数据库","c":[{"n":"Mysql"},{"n":"SqlServer"},{"n":"Oracle"},{"n":"Mssql"}]},
	]},
	prov:"",
	city:"",
	dist:"",
	nodata:"none"
});

注意：该插件有一个小bug，因为js为异步运行的，加上获取数据的操作比较慢，导致值改变操作的js，都会先执行附加的js，最后运行citySelect。