PHP多级联动的学习(二)
首先我发现实现点击下拉框中的选项跳转传递信息的功能是需要javascript实现的。于是我把相应代码拷过来,把跳转的地址改掉。接着我发现无法 把<option value=''>中value的值传过去,因为用’.'运算符没有任何用。于是又去看dede中的代码,原来js中要用’+‘来连接地址。由于省级和市级下拉框都需要用到js,而如果我使用同一个函数,则不好区分我传递的信息是哪一个,所以我用了两个函数,但是如果是一模一样的函数,只是最后的地址有一点不同的话,跳转总是会出现问题,无法正常传递信息。于是我又去看dede的代码,发现他有两个关于下拉框跳转的函数,一个是传递的id一个是传递的选项值。如图。
然后,本来是准备写很多和函数的,由于在每个函数里都会用到sql语句,每个函数里我都得进行模型实例化,太麻烦了,想起在看ThinkCMF中上传头像的代码时,看见他在所有方法前创建了全局的变量来进行实例化,这样就不必写很多重复的代码了。如图。
其次,在写的过程中,发现了一些要注意的地方,比如,在进行查询语句使用where()时,通常我们是要将int型与int型比较,可有时我们需要比较字符串,此时必须要在变量两边用双引号为其加上引号。还有如果我们只是需要找到一条信息,而此时使用select(),它返回的是二维数组,这里需要注意。而find方法是最多只会返回一条数据。
最后,在显示市级区级时,我的省级下拉框处应该显示的是我已经选择的内容,也就是说,我已经选择了的省级我需要一直保存着,这里我用到了session。
代码如下。
IndexadminController.class.php
<?php
namespace Student\Controller;
use Common\Controller\AdminbaseController;
class IndexadminController extends AdminbaseController{
protected $province_model;
protected $city_model;
protected $area_model;
//系统Action类提供了一个初始化方法_initialize接口,可以用于扩展需要,_initialize方法
// 会在所有操作方法调用之前首先执行
function _initialize(){
parent::_initialize();
$this->province_model=D("Common/Province");
$this->city_model=D("Common/City");
$this->area_model=D("Common/Area");
}
function index(){
$p=$this->province_model->select();
$this->assign('p',$p);
if($_GET['p']){
$pro=$_GET['p'];
// var_dump($_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]);//输出当前完整URL
//注意一下,tp的查询语句,生成的sql语句,查询的username=admin,这种格式的少了单引号
$pselect=$this->province_model->where('province='."'".$pro."'")->select();
$this->assign('ps',$pselect[0]);
session('ps',$pselect[0]);
$c=$this->city_model->where('father='.$pselect[0]['id'])->select();
$this->assign('c',$c);
}
if($_GET['c']){
$father=$_GET['c'];
$cselect=$this->city_model->where('id='.$father)->select();
$this->assign('cs',$cselect[0]);
$a=$this->area_model->where('father='.$father)->select();
$this->assign('a',$a);
$this->assign('ps',session('ps'));
}
if($_POST){
$area=$_POST['area'];$city=$_POST['city'];$province=$_POST['province'];
$an=$this->area_model->where('id='.$area)->getField('area');
$cn=$this->city_model->where('id='.$city)->getField('city');
$pn=$this->province_model->where('id='.$province)->getField('province');
$this->assign('pn',$pn);
$this->assign('cn',$cn);
$this->assign('an',$an);
}
$this->display();
}
}
index.html
<admintpl file="header" />
<script LANGUAGE="JavaScript">
function ChangePage(sobj)
{
var ntxt = sobj.options[sobj.selectedIndex].text;
if(sobj.options[sobj.selectedIndex].value==0)
{
location.href="{:U('Indexadmin/index')}";
}
else
{
var ns = ntxt.split('|');
location.href="{:U('Indexadmin/index')}&p="+ns[0];
}
}
function ChangePage2(sobj)
{
var nv = sobj.options[sobj.selectedIndex].value;
if(sobj.options[sobj.selectedIndex].value==0)
{
location.href="{:U('Indexadmin/index')}";
}
else
{
location.href="{:U('Indexadmin/index')}&c="+nv;
}
}
</script>
</head>
<body class="J_scroll_fixed" style="min-width:800px;">
<div class="wrap J_check_wrap">
<ul class="nav nav-tabs">
<li class="active"><a href="{:U('Indexadmin/index')}">学生信息</a></li>
</ul>
<form action="{:U('Indexadmin/index')}" method="post">
<table class="table table-hover table-bordered table-list">
<select name="province" id="province" onChange="ChangePage(this)">
<?php if(!$ps) { ?>
<option value='0'>--省--</option>
<?php } else { ?>
<option value={$ps.id}>{$ps.province}</option>
<?php } ?>
<volist name='p' id='p'>
<option value={$p.id}>{$p.province}</option>
</volist>
</select>
<select name="city" id="city" onChange="ChangePage2(this)">
<?php if(!$cs) { ?>
<option value='0'>--市--</option>
<?php } else { ?>
<option value={$cs.id}>{$cs.city}</option>
<?php } ?>
<volist name='c' id='c'>
<option value={$c.id}>{$c.city}</option>
</volist>
</select>
<select name="area" id="area">
<option value='0'>--区--</option>
<volist name='a' id='a'>
<option value={$a.id}>{$a.area}</option>
</volist>
</select>
<input type='submit' value='提交'>
</table>
</form>
<?php if($pn&&$cn&&an){ ?>
{$pn}-{$cn}-{$an}
<?php } ?>
</div>
<script src="__ROOT__/statics/js/common.js"></script>
</body>
</html>
效果如图。
有很多地方写的很复杂,可能是因为我用的都是很简单的东西,所以复杂了,还有很多我不知道的很有效率的方法期待着我的探索。
...当该页面还有其他信息的时候要注意,跳转到新页面时其他信息要保存
PHP多级联动的学习(二)的更多相关文章
- PHP多级联动的学习(一)
我尝试在ThinkCMF中实现多级联动,首先我开始看了dede的联动类别管理前后台的代码以及他的数据库,经过非常多次的尝试,我渐渐有了一点想法,并给予实施. 首先写出前台的界面.如图. 然后在数据库中 ...
- [ PHP+jQuery ] ajax 多级联动菜单的应用:电商网站的用户地址选择功能 ( 二 ) - 仿亚马逊下拉面板
/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 ...
- jQuery cxSelect 多级联动下拉菜单
随着电商热门,这种多层次的互动更充分地体现在下拉菜单,最明显的是多级联动地址下拉选择,因此,这里是一个简单的分享 jQuery cxSelect 多级联动下拉菜单 cxSelect 它是基于 jQue ...
- js 多级联动(省、市、区)
js 多级联动(省.市.区) CreateTime--2018年4月9日17:10:38 Author:Marydon 方式一: 数据从数据库获取,ajax实现局部刷新 方式二: 数据从json文 ...
- 微信小程序-多级联动
微信小程序中的多级联动 这里用到的案例是城市选择器 先上代码: .wxml <view class="{{boxHide}}"> <view>{{nian} ...
- vue在多级联动时,一些情况不用watch而用onchange会更好
onchange事件在内容改变且失去焦点时触发,因此在一些多级联动需要清空次级内容的时候,用onchange就非常有用了,尤其是浏览器会提前加载数据的情况下.有篇文章可以看一下,链接. PS:路漫漫其 ...
- emberjs学习二(ember-data和localstorage_adapter)
emberjs学习二(ember-data和localstorage_adapter) 准备工作 首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用 ...
- ReactJS入门学习二
ReactJS入门学习二 阅读目录 React的背景和基本原理 理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法 如何在JSX中如何使用事件 如何在JSX中如何使用 ...
- DropDownList的多级联动
DropDownList的多级联动的问题最典型的案例就是实现省市级三级联动的案例,对这个问题的描述是当选中山东省之后,在选择市的下拉菜单时,市一栏只出现山东省下面的市.对于县也是同样的道理. 我也做的 ...
随机推荐
- Lr IP欺骗设置
IP欺骗设置IP工具:IP Wizard 开启IP欺骗时会关闭DHCP(也就是关闭IP自动获取 更改为手动设置IP) 注:添加IP欺骗,和释放IP,都要重启机器后才会生效,IP Wizard要管理员身 ...
- mysql中的行转列
//查看当前商品库存 function checkProductStock($product_id){ global $wpdb; $sql="SELECT post_id,max(if(( ...
- 【Network】OVS VXLAN/GRE 实践
参考资料: OVS/VXLAN/GRE参考 ovs vxlan IP overray_百度搜索 OVS操作总结-Neutron-about云开发 OpenStack OVS GRE/VXLAN网络_z ...
- POJ 1144
http://poj.org/problem?id=1144 题意:给你一些点,某些点直接有边,并且是无向边,求有多少个点是割点 割点:就是在图中,去掉一个点,无向图会构成多个子图,这就是割点 Tar ...
- ACM/ICPC 之 三维计算几何+暴力枚举+判重(HDU5839)
CCPC网赛第八题,求立体几何数量,题解见注释 //立体几何-求满足要求的四面体个数 //要求1:至少4条边相等 //要求2:四条边相等时,另两条边一定不相邻(即对边) //题解:以当前边为不相邻的其 ...
- repo 修改邮箱地址
需要重新运行 repo init 被带上参数: --config-name xx@a.com
- 关于httpd服务的安装、配置
httpd是Apache超文本传输协议(HTTP)服务器的主程序.通常,httpd不应该被直接调用,而应该在linux系统中由 apachectl 调用.接下来我们将了解有关httpd服务的安装与配置 ...
- go:channel(未完)
注:1)以下的所有讨论建立在包含整形元素的通道类型之上,即 chan int 2)对于“<-”我的理解是,它可能是一个操作符(接收操作符),也 可能是类型的一部分(如“chan<- in ...
- Servlet调用过程
(1)在浏览器输入地址,浏览器先去查找hosts文件,将主机名翻译为ip地址,如果找不到就再去查询dns服务器将主机名翻译成ip地址. (2)浏览器根据ip地址和端口号访问服务器,组织http请求信息 ...
- ios项目里扒出来的json文件
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0. ...