thinkPHP中省市级联下拉列表
公共函数放置位置common文件夹下common.php文件(此段代码也可放置在要使用的控制器中)
封装的下拉列表函数代码:
/**
* 根据列表拼装成一个下拉列表 ADD BY CK
* @param $list :数据源
* @param $value :显示的option的value值,下标 例:$list['id']中的id
* @param $text :显示的option的text值 例:$list['name']中的name
* @param int $selectIndex : 选中的索引项
* @param bool $haveFirst:是否有第一项如'<option value="0">请选择</option>',默认为false
* @return bool|string
*/
function getSelectOption($list,$value,$text,$selectIndex = 0,$haveFirst=false)
{ if(!is_array($list) )
{
return false;
}
if(!isset($list)||!isset($value)||!isset($text))
{
return false;
}
if(empty($list)||empty($value)||empty($text))
{
return false;
}
if(!$haveFirst)//如果有第一项则不添加
{
$resultStr='<option value="0">请选择</option>';
}
foreach($list as $option)
{
if($option[$value] == $selectIndex ){
$resultStr .= '<option value='.$option[$value].' selected="selected">'.$option[$text].'</option>';
}else
{
$resultStr .= '<option value='.$option[$value].'>'.$option[$text].'</option>';
}
}
return $resultStr;
}
Exchange控制器代码:
public function index(){
$this->assign('option', array('prov' => $this->getRegion(0))); //页面初始化获取省份。
$this->display();
}
/**
* 获取省市
* @param type $pid
* @param type $ajax 是否ajax调用
* @return type array
*/
public function getRegion($pid = 0, $ajax = false, $checked = 0, $prvcheck = false) {
$r = D("Region")->where("parentid=" . $pid)->select(); //Region省市级联表,parentid父亲级id,pid自增id
if ($ajax) {
$this->ajaxReturn(getSelectOption($r, 'id', 'name'));
} else {
if ($prvcheck) {
$prvid = D("Region")->query("SELECT id from hengtu_region where id=(SELECT parentid from hengtu_region where parentid=(SELECT parentid from hengtu_region where id=" . $pid . ") limit 1)");
return getSelectOption(D("Region")->where("parentid=0")->select(), 'id', 'name', $prvid[0]['id']);
}
return getSelectOption($r, 'id', 'name', $checked);
}
}
在index页面要显示省市级联的位置:
<font style="font-size:12px;">地区选择:</font>
<select id="addarea_sheng" name='cityid';>
{$option.prov}
</select>
<select id="addarea_shi" name='cityid' style="display:none;" > </select>
<select id="addarea_quxian" name='cityid' style="display:none;" > </select>
<script>
$("#addarea_sheng").change(function() {
var provid = $("#addarea_sheng").val();
$.get("{:U('Exchange/getRegion')}?pid=" + provid + "&ajax=1", function(data) {
$("#addarea_shi").show(0, function() {
$(this).html(data);
});
})
}) $("#addarea_shi").change(function() {
var provid = $("#addarea_shi").val();
$.get("{:U('Exchange/getRegion')}?pid=" + provid + "&ajax=1", function(data) {
$("#addarea_quxian").show(0, function() {
$(this).html(data);
});
})
})
</script>
thinkPHP中省市级联下拉列表的更多相关文章
- javascript中的省市级联效果
学习javascript的时候都遇到过这样的需求,不仅是省市,还有其他的一些场景,看看关键的代码有哪些吧. <head runat="server"> <titl ...
- 省市级联.net
初学javascript,编译省市级联,使用json在一般处理程序中编译,利用ajax传递数据到web前台 <html xmlns="http://www.w3.org/1999/xh ...
- JavaScript实现省市级联效果实例
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- 转:『代码』JS封装 Ajax级联下拉列表
在博客园看到一篇不错的AJAX级联下拉列表,觉得不错,特地拿下来 :转载来自:『大雪无痕』 ,原文地址 //当一个 下拉列表 改变时,触发所有联动:(警告:各下拉列表之间 请不要出现 循环依赖) // ...
- 全国省市级联数据sql语句 mysql版
全国省市级联数据sql语句 mysql版 --省级 provincial create table provincial ( provincialID int, provincialName ), p ...
- 原生js实现级联下拉列表
<!DOCTYPE> <html> <head> <title>级联下拉列表</title> <meta charset=" ...
- js省市级联实现
js省市级联实现. for [element] in [collection] 用于循环下标,常用于json for(index in arr){ console.info("下标:&quo ...
- 纯js实现省市级联效果
我们都知道一般有注册的时候会让用户填入省市啊地区什么的,然后我就想使用纯js制作一个省市级联的效果,只是用于学习以及回顾温习用,首先看下效果图,界面很丑啊,不要嫌弃! 首先还是先看下我的项目目录吧 很 ...
- 使用Vue-TreeSelect组件实现公司-部门-人员级联下拉列表的处理
最近在改造原有Bootstrap开发框架,增加一个Vue&Element前端的时候,发现需要处理一个级联更新的过程,就是选择公司,然后更新部门,选择部门,或者人员列表,选择作为主管的一个实现, ...
随机推荐
- 用linux mail命令发送邮件[Linux]
mail [-s 邮件标题] <<邮件地址1> [邮件地址2] [邮件地址3]> [ < 包含邮件内容的文件路径 ] <-- -f 发送邮件地址> [-F 显 ...
- Chrome下的语音控制框架MyVoix.js使用篇(三)
上篇文末已经提及,google分析出的单词可能和大家预想的输入有差别.上文我们通过预先绑定多个语音指令,权益地解决了这个问题.在这一章,我将介绍myvoix.js框架自带的smart learning ...
- win8下nodejs安装配置记录
1:打开nodejs官网http://nodejs.org/ 下载安装版. 2:安装完成后,打开cmd输入node -v 查看是否安装成功: 3:安装express,通过全局安装方式进行安装: 安装完 ...
- Leetcode_Best Time to Buy and Sell Stock
Say you have an array for which the ith element is the price of a given stock on day i. If you were ...
- sql management studio 附加mdf文件出错的解决办法
将mdf文件所在文件夹的权限改为everyone.,完全控制即可.
- c语言typedef运用之结构体
#include <stdio.h> #include <stdlib.h> typedef struct stu { ]; int score; }stu_info; int ...
- Eclipse调试时出现source not found的问题
Eclipse中新加载了一个java项目,打断点debug时,Debug小窗口显示source not found,网搜找到了解决办法,在此记录一下. 原文地址:http://blog.csdn.ne ...
- Vue + vue-router
搞了一天的element-ui,vue-router,把侧栏的导航菜单搞了出来后,试着在菜单上加入链接,研究了下官方提供的文档,发现要使用vue-route. 在项目中安装好vue-route, 对照 ...
- Android开发(20)--RadioGroup的使用
RadioGroup 有时候比較实用.主要特征是给用户提供多选一机制. MainActivity.java package com.example.lesson16_radio; import and ...
- Eclipse+Java+OpenCV246人脸识别
1.环境搭建:见上一篇博客 整个项目的结构图: 2.编写DetectFaceDemo.java,代码如下: package com.njupt.zhb.test; import org.opencv. ...