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/