jquery省市区三级联动插件CitySelect教程

CitySelect是jquery的一款可自定义的省市区三级级联插件，它没有对select控件作美化，只是实现了三级联动功能，但已经很方便使用了。Ok，回到主题，接下来我们来看使用步骤：

        一：引入相关文件：

        引入city.min.js（城市数据都写在这个文件里，我们可以自己维护它）和jquery.cityselect.js文件，jquery.cityselect.js文件里引用了city.min.js，写在settings里，我们要把此处的url改成我们本地放置city.min.js的路径。引入之前需先引入jquery文件，这个就不多说了。插件下载地址：http://download.csdn.net/detail/qq_33556185/9437661

        二：在需要的地方引入如下html：

[html] view plain copy

1. <div id="citySelect"  style="float:left;margin-left: 15px;">                     
2.          <select class="prov" id="province"></select>  
3.          <select class="city" disabled="disabled" id="city"></select>  
4.          <select class="dist" disabled="disabled" id="county"></select>  
5.  </div>  

         三：初始化控件：

       nodata：设置此属性为”none“，则会出现”请选择“选项；

       required：是否必选；

       prov:省的默认值，可不写此属性；

       city:地市的默认值，可不写；

       dist:区的默认值，可不写。

[javascript] view plain copy

1. $("#citySelect").citySelect({  
2.        nodata: "none",  
3.        required: false,  
4.        prov:json.data.province,  
5.        city:json.data.city,  
6.        dist:json.data.county  
7.  });  

       如此就可以使用了。