jquery三级联动

自己如果写一个三级联动，虽然不是很麻烦，但也是需要数小时，而且有可能会出现兼容性问题。

今天看到一个非常牛逼的插件，简单几行，就可以帮你搞定一切。

js代码如下：

$(document).ready(function(){
$('#element_id').cxSelect({
url: '<%=path%>/admin/js/cityData.min.json' , // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件
selects: ['province', 'city', 'area'], //对应的省、市、区的class属性
nodata: 'none'
});

html代码如下：
<div id="element_id">
<select class="province" ></select>
<select class="city"></select>
<select class="area"></select>
</div>

PS:select的属性如下：
jquery.cxselect.js中的默认设置：

required: false,
// 是否为必选

firstTitle: '请选择', // 第一个选项选项的标题

firstValue: '0' // 第一个选项的值

required：默认为false

data-first-title
=""//可以自定义第一个选框的表题（required为false下有效）

data-first-value=""//可以自定义第一个项目的值（required为false下有效）

js下载地址：http://code.ciaoca.com/jquery/cxselect/