ThinkPHP5.0(三)基于ThinkPHP5.0下的二级联动，实现不刷新页面的情况下根据一个下拉框的选项，改变另一个下拉框的选项

define_YIDA

于 2018-07-15 18:49:41 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： PHP Thinkphp5 文章标签： Thinkphp5 PHP

本文链接：https://blog.youkuaiyun.com/define_LIN/article/details/81055737

本文介绍了如何在ThinkPHP5.0框架下，利用Ajax实现二级联动效果，即根据一个下拉框选择，动态更新另一个下拉框内容，无需页面刷新。具体涉及到HTML结构、Ajax请求以及后台处理URL接收数据的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

二级联动或者三级联动

顾名思义多个下拉框的联动，就是当一个父级下拉框某个选项被选中后可以影响其子下拉框中的值。
例如当我们在选择地址的时候，但我们在一个下拉框选择好省份后，接下来的市级下拉框里面的选项会变为对应省的市级，这就是一个二级联动。

实际需求

我在项目中遇到的需求是根据用户选中男女的下拉框的选项，读取数据库中不同的男女项目到运动项目的下拉框中。

HTML：

其中因为男女下拉框的默认选项为男，所以项目中volist初始的数据源为男的运动项目

                    <div class = "form-group">
                        <label  class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-10">
                            <select name="gender" id = "gender"class="form-control" >
                                <option value='0'>男</option>