黑马程序员技术交流社区

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

作者: AngularBaby 时间: 2018-1-15 15:43
标题: 【广州前端】- 【JQuery插件】- 三级联动插件
本帖最后由 AngularBaby 于 2018-1-15 15:44 编辑

在工作中经常会遇到需要实现三级联动的功能
下面这个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>

简单的三级联动就完成了

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

点击有惊喜

三级联动.zip

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

售价: 1 黑马币 [记录]

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

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

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