在工作中经常会遇到需要实现三级联动的功能
下面这个Demo完成了简单的 省市区三级联动 功能

Demo效果：

使用方法：

1、body 中结构如下：

[JavaScript] 纯文本查看 复制代码

        
<div class="outer">
                <select name="province" id="province">
                        <option value="请选择">请选择</option>
                </select>
                <select name="city" id="city">
                        <option value="请选择">请选择</option>
                </select>
                <select name="town" id="town">
                        <option value="请选择">请选择</option>
                </select>
        </div>

2、 引入JS文件

[JavaScript] 纯文本查看 复制代码

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/area.js"></script>
<script src="js/select.js"></script>

简单的三级联动就完成了

点击查看更多精彩前端资源

点击有惊喜

分享下第三个js文件