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

最新推荐文章于 2024-08-19 16:19:50 发布
最新推荐文章于 2024-08-19 16:19:50 发布
阅读量2.1k 收藏 6
点赞数 1
分类专栏： PHP Thinkphp5 文章标签： Thinkphp5 PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/define_LIN/article/details/81055737
版权
本文介绍了如何在ThinkPHP5.0框架下，利用Ajax实现二级联动效果，即根据一个下拉框选择，动态更新另一个下拉框内容，无需页面刷新。具体涉及到HTML结构、Ajax请求以及后台处理URL接收数据的步骤。
摘要由CSDN通过智能技术生成

二级联动或者三级联动

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

实际需求

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

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>
最低0.47元/天 解锁文章
define_YIDA
关注
专栏目录
ThinkPHP5:[二级联动与二级分类]
weixin_44045333的博客
04-27 1023
目录二级联动数据表静态jQuery控制器二级分类数据表静态控制器 二级联动 数据表 静态 <div class="layui-form-item"> <label for="username" class="layui-form-label"> <span class="x-red">*</span>商品分类</label&...
thinkphp二级联动
03-25
thinkphp 二级联动 效果
thinkphp5实现弹出框（下拉框选项动态赋值）
weixin_42966151的博客
08-19 386
先执行接口获取动态数据，然后在 layer.open的success回调函数中动态添加html代码片段，通过如下方法，将动态生成的代码插入指定的div中，实现动态赋值的效果。
简单的ThinkPHP 二级联动
web开发
08-23 410
在网上看了很多关于thinkphp二级联动的文章，但我个人感觉写的都不是很简单，有些繁琐，下面是我写的一个简单的二级联动。本人是新手 高手可以不用往下看了. html文件： liandong.html 首先要引入jquery.js文件 &lt;html&gt; &lt;title&gt;二级联动&lt;/title&gt; &lt;head&gt; &lt;script src="_...
php简单的二级联动,容易的ThinkPHP 二级联动
weixin_39620273的博客
03-09 182
简单的ThinkPHP 二级联动在网上看了很多关于thinkphp二级联动的文章，但我个人感觉写的都不是很简单，有些繁琐，下面是我写的一个简单的二级联动。本人是新手 高手可以不用往下看了.html文件：liandong.html首先要引入jquery.js文件二级联动$(function(){$('#AreaId').change(function(){//获取父类的idvar $id=$('#A...
Thinkphp 两级联动
weixin_30306905的博客
02-27 232
<！-- 前端代码部分--><div class="pop-movegroup" id="salesmanBox"> <dl> <dt>选择推广账号:</dt> <dd> <!-- 一级联动的数据先查询遍历出来--> ...
ThinkPHP5:[三级联动]
weixin_44045333的博客
04-27 348
数据表 静态 <div class="layui-form-item"> <label for="username" class="layui-form-label"> <span class="x-red">*</span>商品分类</label> <div> <select name="请选择商品分类"...
基于ThinkPHP5.0实现图片上传插件
10-19
基于ThinkPHP5.0实现图片上传插件主要涉及到的IT知识点包括但不限于以下几个方面： 1. ThinkPHP5.0框架的使用： ThinkPHP是一个轻量级的PHP开发框架，5.0版本是该框架的一个重要更新。它引入了很多现代化的设计...
基于ThinkPHP5.0与H+、Layui的通用型后台管理系统设计源码
09-25
本项目是一款基于ThinkPHP5.0框架与H+、Layui前端组件库构建的通用型后台管理系统设计源码，总计包含1182个文件，涵盖321个JavaScript文件、236个PHP文件、230个PNG图片文件、109个CSS文件、104个GIF文件、70个HTML...
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
10-18
thinkPHP5.0框架是当前流行的PHP开发框架之一，其以简洁的设计和强大的功能被广大开发者所青睐。验证码是网站安全验证的一个重要组成部分，它通常用于防止恶意注册和自动化脚本攻击。在thinkPHP5.0框架中，实现...
基于Thinkphp 5.0.x框架的ThinkApiAdmin V2版本整合二次开发设计源码
最新发布
10-05
该源码项目是基于Thinkphp 5.0.x框架开发的ThinkApiAdmin V2版本整合二次开发项目，涵盖5489个文件，其中包含3435个PHP文件、278个JavaScript文件、233个数据文件、177个PNG图像文件、156个PHP模板文件、147个...
ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单
12-19
首先是数据库的设计。分类表叫cate. 我做的是分类数据的二级联动，数据需要的字段有：id,name(中文名),pid(父id). 父id的设置: 若数据没有上一级，则父id为0，若有上级，则父id为上一级的id。 数据库有内容后，就可以开始写代码，进行二级联动的实现。 先在后台php获取所有pid为0的数据，保存到$cate中，然后在第一层的<select>中用foreach循环输出。 Html代码: 复制代码 代码如下:<select name=”type” size=”1″ id=”type”>    请选择类型     <foreach name=’
thinkphp地区三级联动
01-30
thinkphp3.2.2地区三级联动（附全国地级市数据表）
tp5的下拉菜单二级联动
04-26
tp5的下拉菜单二级联动。利用了ajax写的下拉菜单，简单易懂，附带数据库。可利用该代码改造成三级联动，多级联动，原理一样。
ajax+php十分简单好用的二级联动
04-21
这是php的二级无刷新联动，本人测试过 简单好用，只有一个页面，可以通过表单传递值 数据表用的是两个
thinkphp 3.2 省市区联动
11-28
PHP代码 <?php namespace Admin\Controller; use Think\Controller; class GoodController extends Controller { public function release() { /* * 开始新的操作 * */ $data=array(); $data['productname']=$_POST['productname']; $data['introduction']=$_POST['introduction']; $data['codenumber']=$_POST['codenumber']; $data['Productunit']=I('post.Productunit'); $data['sku']=I('post.sku'); $data['province']=I('post.province'); $data['city']=I('post.city'); $data['town']=I('post.town'); $data['classification']=I('post.classification'); $data['Extendedclass']=I('post.Extendedclass'); $data['Commoditybrand']=I('post.Commoditybrand'); $data['Commoditybrand']=I('post.Commoditybrand'); $data['Shopprice']=I('post.Shopprice'); $data['Marketvalue']=I('post.Marketvalue'); $data['Capitalizedcost']=I('post.Capitalizedcost'); $data['Commission']=I('post.Commission'); $data['original_img']=I('post.original_img'); /*商品重量*/ $data['Commodityweight']=I('post.Commodityweight'); $data['mail']=I('post.mail'); /*库存数量*/ $data['Inventoryquantity']=I('post.Inventoryquantity'); /*赠送积分*/ $data['Giftpoints']=I('post.Giftpoints'); /*兑换积分*/ $data['exchange_integral']=I('post.exchange_integral'); /*商品关检词*/ $data['Keyword']=I('post.Keyword'); /*商品详情描述*/ $data['describe']=I('post.describe'); $commodity=M('commodity'); /*准备开启事物*/ $commodity->startTrans(); $result=$commodity->add($data); if(!$result){ /*回滚事物*/ $commodity->rollback(); }else{ /*提交事物*/ $commodity->commit(); } /*1导入thinkphp得我自带的auth类库 * 加锁操作。若果同个用户（判断同个用户名操作）同时加入同样的sku时， * 那么如果存在时就加不上去（数量），如果不存在时（如果不存在时的数量不一样时）就insert上去 * */ $province = M('prvices')->where ( array('pid'=>1) )->select (); $this->assign('province',$province); $this->display(); } public function getRegion(){ /* * 接收市区 * */ $Region=M("prvices"); $map['pid']=$_REQUEST["pid"]; $map['type']=$_REQUEST["type"]; $list=$Region->where($map)->select(); echo json_encode($list); } public function sku() { $this->display(); } } html： <tr> <td>商品所在地</td> <td> <select name="addres" id="province" <option value="0" selected>省份/直辖市</option> <volist name="province" id="vo"> <option value="{$vo.id}" >{$vo.name} </option> </volist> </select> <select name="city" id="city" <option value="0">市/县</option> </select> <select name="town" id="town"> <option value="0">镇/区</option> </select> </td> </tr> function loadRegion(sel,type_id,selName,url){ jQuery("#"+selName+" option").each(function(){ jQuery(this).remove(); }); jQuery("<option value=0>请选择</option>").appendTo(jQuery("#"+selName)); if(jQuery("#"+sel).val()==0){ return; } jQuery.getJSON(url,{pid:jQuery("#"+sel).val(),type:type_id}, function(data){ if(data){ jQuery.each(data,function(idx,item){ jQuery("<option value="+item.id+">"+item.name+"</option>").appendTo(jQuery("#"+selName)); }); }else{ jQuery("<option value='0'>请选择</option>").appendTo(jQuery("#"+selName)); } } ); }
Thinkphp 三级联动
风尘文少的博客
01-09 222
Thinkphp 三级联动 数据库部分 请看本文资源 后台部分 这边我将会用全新的控制器 命名为SjController 这里需要使用我提供的伪静态文件 伪静态文件传送门 <?php namespace Home\Controller; use Think\Controller; class SjController extends Controller { //获取省和直辖市 ...
thinkphp+jquery+ajax二级联动使用心得
weixin_34307464的博客
05-19 158
一、想实现的效果： 用thinkphp+jquery+ajax实现二级联动，当所属分类选择妈咪英语时，下面所属课程会自动列出妈咪英语下的子类。类似省市二级联动 二、原理： 1.首先在后端一个方法中（不是处理ajax的方法）遍历第一个下拉菜单的内容（这个可根据项目自由选择，也可以不用） 2.jquery给<select>c...
thinkphp 实现三级联动
lh25946的博客
07-25 402
路由代码 //三级联动 Route::group(function (){ //获取城市 Route::get('city','City/city'); //根据id 获取详细地址 Route::get('citys','City/citys'); //添加 Route::post('cityadd','City/cityadd'); }); 后台代码 //城市的 public function city(){ //查询 p
ThinkPHP5.0开发详解：从入门到高级
《ThinkPHP5.0完全开发手册》是一份全面的开发者参考文档，它不仅包含了ThinkPHP5.0的入门知识，还深入探讨了许多高级特性和最佳实践，对于想要深入了解和使用该框架的开发者来说，是一份不可或缺的参考资料。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值