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

二级联动或者三级联动

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

实际需求

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

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>