黑马程序员技术交流社区

标题: 【广州前端】- 【JQuery插件】- 三级联动插件 [打印本页]

---

作者: AngularBaby    时间: 2018-1-15 15:43
标题: 【广州前端】- 【JQuery插件】- 三级联动插件


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

Demo效果：

使用方法：

1、body 中结构如下：



[mw_shl_code=javascript,true]        
<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>
[/mw_shl_code]

2、 引入JS文件



[mw_shl_code=javascript,true]
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/area.js"></script>
<script src="js/select.js"></script>
[/mw_shl_code]

简单的三级联动就完成了

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

点击有惊喜

三级联动.zip

2018-1-15 15:44 上传

点击文件名下载附件

1.1 MB, 阅读权限: 10, 下载次数: 5

售价: 1 黑马币  [记录]

---

作者: 淡淡的烟草味    时间: 2018-1-17 00:52
分享下第三个js文件

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2