thinkphp 动态 级联
<div class="form-item">
<label class="item-label">一级分类<span class="check-tips"></span></label>
<div class="controls">
<select name="yijifenlei" id="yijifenlei">
</select>
</div>
</div>
<div class="form-item">
<label class="item-label">二级分类<span class="check-tips"></span></label>
<div class="controls">
<select name="erjifenlei" id="erjifenlei">
</select>
</div>
</div>
js代码:
<script type="text/javascript">
var current_yijifenlei = {$info['yijifenlei']};
var current_erjifenlei = {$info['erjifenlei']};
$.post("{:U('getYijilist')}", function (result) {
var res = $.parseJSON(result);
$("#yijifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
$.each(res, function (i, n) {
var select = '';
if (n.id == current_yijifenlei) {
select = 'selected';
}
$("#yijifenlei").append("<option value='" + n.id + "' " + select + ">" + n.yijimingcheng + "</option>"); //为Select追加一个Option(下拉项)
});
});
$.post("{:U('getErjilist')}", {yijiid: current_yijifenlei}, function (result) {
var res = $.parseJSON(result);
console.log(res)
$("#erjifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
$.each(res, function (i, n) {
var select = '';
if (n.id == current_erjifenlei) {
select = 'selected';
}
$("#erjifenlei").append("<option value='" + n.id + "' " + select + ">" + n.erjimingcheng + "</option>"); //为Select追加一个Option(下拉项)
});
});
$('#yijifenlei').change(function () {
//alert($(this).children('option:selected').val());
$("#erjifenlei option").remove();
var fenlei1 = $(this).children('option:selected').val(); //这就是selected的值
$.post("{:U('getErjilist')}", {yijiid: fenlei1}, function (result) {
var res = $.parseJSON(result);
if(fenlei1 >0)
$("#erjifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
$.each(res, function (i, n) {
$("#erjifenlei").append("<option value='" + n.id + "' >" + n.erjimingcheng + "</option>"); //为Select追加一个Option(下拉项)
});
});
});
});
</script>
PHP代码:
function getYijilist() {
$yijilist = M('news_yijicaidanmeiju')->select();
echo json_encode($yijilist);
}
function getErjilist() {
$yijiid = I('yijiid', 0);
if (!empty($yijiid)) {
$map['yijiid'] = $yijiid;
$erjilist = M('news_erjicaidanmeiju')->where($map)->select();
echo json_encode($erjilist);
} else {
echo '[{"id":"0","erjimingcheng":"请选择"}]';
}
}
thinkphp 动态 级联的更多相关文章
- JS动态级联菜单
JS动态级联菜单是前端常用的一个功能,特此抽时间研究了下,附上代码 <html> <head> <meta charset="utf-8" /> ...
- Ajax+json实现菜单动态级联
1:jsp //级联ajax处理函数 function areaChange(){ var areano=document.all("areaNo").value; v ...
- thinkphp动态注册路由
thinkphp动态注册路由 一.总结 1.thinkphp使用路由步骤:a.config配置文件中开启路由 b.Route类的rule方法创建路由(在Routephp中)Route::rule(' ...
- thinkphp 动态验证码
<?php namespace Home\Controller; use Think\Controller; class TestController extends Controller { ...
- thinkphp 动态查询
借助PHP5语言的特性,ThinkPHP实现了动态查询,核心模型的动态查询方法包括下面几种: 方法名 说明 举例 getBy 根据字段的值查询数据 例如,getByName,getByEmail ge ...
- ThinkPHP动态版本控制
动态版本控制可以根据时间戳来实现,但是这样的话,每次打开页面都会重新下载加了版本控制的文件,如果你的页面自身打开本来就慢的话, 这样一来,无疑会带来很差的用户体验. 但是如果在每个引用文件后面都手动加 ...
- thinkphp 动态配置
之前的方式都是通过预先定义配置文件的方式,而在具体的操作方法里面,我们仍然可以对某些参数进行动态配置(或者增加新的配置),主要是指那些还没有被使用的参数. 设置新的值: C('参数名称','新的参数值 ...
- Thinkphp动态切换主题
'DEFAULT_THEME' => '2014', 'TMPL_DETECT_THEME' => true, // 自动侦测模板主题 'THEME_LIST' => '2012,2 ...
- 【最新】2015年7月之15个最新jQuery插件
Hello,一个激动人心的好消息,现在我为大家整理最近7月发布的jQuery插件. 如果你熟悉任何下面列出的插件,请分享你的反馈与我们的读者,或如果你知道哪一个我们没有收录,那么请与我们分享在下面的评 ...
随机推荐
- [手机取证] Apple Watch取证初探
转载文章请注明出处 1. 关于Apple Watch 苹果公司在2015年3月正式发布了智能手表Apple Watch,包括Apple Watch.Apple Watch Sport以及Apple W ...
- React Native
可以基于 React Native使用 JavaScript 编写应用逻辑,UI 则可以保持全是原生的.这样的话就没有必要就 HTML5 的 UI 做出常见的妥协: React 引入了一种与众不同的. ...
- 怎样安装Ubuntu操作系统
(转载自:http://jingyan.baidu.com/article/ff42efa9423991c19e22020d.html) 准备工作 1. 一台普通电脑(装没装操作系统无所谓),保证电脑 ...
- prototype.js简介
prototype.js简介 2007-11-21 14:22 prototype.js是一个很强大的Javascript函数库,它可以让你很轻松的使用一些特效,实现AJAX的功能.虽然prototy ...
- SQLSERVER如何查看索引缺失
SQLSERVER如何查看索引缺失 当大家发现数据库查询性能很慢的时候,大家都会想到加索引来优化数据库查询性能, 但是面对一个复杂的SQL语句,找到一个优化的索引组合对人脑来讲,真的不是一件很简单的事 ...
- ionic tabs置顶
找了好久怎么解决这问题,终于找到了一哥们留下来的经验,万分感谢,特此拷贝过来,留着下次以免忘记 我在主页ion-nav-bar元素上添加hide-nav-bar=“true”;然后又在ion-view ...
- copy elision
http://book.51cto.com/art/200810/93007.htm 1.2.2 数据传送指令 mov:数据移动.第一个参数是目的,第二个参数是来源.在C语言中相当于赋值号.这是最广 ...
- 2、SIP
1.初学者笔记:http://www.cnblogs.com/gnuhpc/archive/2012/01/16/2323637.html 2.SIP头字段解释:http://www.cnblogs. ...
- node.js搭建简单的websocket
1.首先在官网http://www.nodejs.org/下载NODE.JS 2.打开命令行CMD,进入NODEJS\node_modules\的目录,输入npm install socket.io ...
- CSS3按钮鼠标悬浮光圈效果
1 .HTML相关知识点 HTML(超文本标记语言)是网页的核心.首先你要学会,不要害怕,HTML很容易学习的,刚开始多记多练,但是到最后还是要自己深入专研,简单的入门是很快,但学好HTML是成为W ...