<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 动态 级联的更多相关文章

  1. JS动态级联菜单

    JS动态级联菜单是前端常用的一个功能,特此抽时间研究了下,附上代码 <html> <head> <meta charset="utf-8" /> ...

  2. Ajax+json实现菜单动态级联

    1:jsp //级联ajax处理函数 function areaChange(){    var areano=document.all("areaNo").value;    v ...

  3. thinkphp动态注册路由

    thinkphp动态注册路由 一.总结 1.thinkphp使用路由步骤:a.config配置文件中开启路由  b.Route类的rule方法创建路由(在Routephp中)Route::rule(' ...

  4. thinkphp 动态验证码

    <?php namespace Home\Controller; use Think\Controller; class TestController extends Controller { ...

  5. thinkphp 动态查询

    借助PHP5语言的特性,ThinkPHP实现了动态查询,核心模型的动态查询方法包括下面几种: 方法名 说明 举例 getBy 根据字段的值查询数据 例如,getByName,getByEmail ge ...

  6. ThinkPHP动态版本控制

    动态版本控制可以根据时间戳来实现,但是这样的话,每次打开页面都会重新下载加了版本控制的文件,如果你的页面自身打开本来就慢的话, 这样一来,无疑会带来很差的用户体验. 但是如果在每个引用文件后面都手动加 ...

  7. thinkphp 动态配置

    之前的方式都是通过预先定义配置文件的方式,而在具体的操作方法里面,我们仍然可以对某些参数进行动态配置(或者增加新的配置),主要是指那些还没有被使用的参数. 设置新的值: C('参数名称','新的参数值 ...

  8. Thinkphp动态切换主题

    'DEFAULT_THEME' => '2014', 'TMPL_DETECT_THEME' => true, // 自动侦测模板主题 'THEME_LIST' => '2012,2 ...

  9. 【最新】2015年7月之15个最新jQuery插件

    Hello,一个激动人心的好消息,现在我为大家整理最近7月发布的jQuery插件. 如果你熟悉任何下面列出的插件,请分享你的反馈与我们的读者,或如果你知道哪一个我们没有收录,那么请与我们分享在下面的评 ...

随机推荐

  1. [手机取证] Apple Watch取证初探

    转载文章请注明出处 1. 关于Apple Watch 苹果公司在2015年3月正式发布了智能手表Apple Watch,包括Apple Watch.Apple Watch Sport以及Apple W ...

  2. React Native

    可以基于 React Native使用 JavaScript 编写应用逻辑,UI 则可以保持全是原生的.这样的话就没有必要就 HTML5 的 UI 做出常见的妥协: React 引入了一种与众不同的. ...

  3. 怎样安装Ubuntu操作系统

    (转载自:http://jingyan.baidu.com/article/ff42efa9423991c19e22020d.html) 准备工作 1. 一台普通电脑(装没装操作系统无所谓),保证电脑 ...

  4. prototype.js简介

    prototype.js简介 2007-11-21 14:22 prototype.js是一个很强大的Javascript函数库,它可以让你很轻松的使用一些特效,实现AJAX的功能.虽然prototy ...

  5. SQLSERVER如何查看索引缺失

    SQLSERVER如何查看索引缺失 当大家发现数据库查询性能很慢的时候,大家都会想到加索引来优化数据库查询性能, 但是面对一个复杂的SQL语句,找到一个优化的索引组合对人脑来讲,真的不是一件很简单的事 ...

  6. ionic tabs置顶

    找了好久怎么解决这问题,终于找到了一哥们留下来的经验,万分感谢,特此拷贝过来,留着下次以免忘记 我在主页ion-nav-bar元素上添加hide-nav-bar=“true”;然后又在ion-view ...

  7. copy elision

    http://book.51cto.com/art/200810/93007.htm 1.2.2  数据传送指令 mov:数据移动.第一个参数是目的,第二个参数是来源.在C语言中相当于赋值号.这是最广 ...

  8. 2、SIP

    1.初学者笔记:http://www.cnblogs.com/gnuhpc/archive/2012/01/16/2323637.html 2.SIP头字段解释:http://www.cnblogs. ...

  9. node.js搭建简单的websocket

    1.首先在官网http://www.nodejs.org/下载NODE.JS 2.打开命令行CMD,进入NODEJS\node_modules\的目录,输入npm install socket.io  ...

  10. CSS3按钮鼠标悬浮光圈效果

    1 .HTML相关知识点  HTML(超文本标记语言)是网页的核心.首先你要学会,不要害怕,HTML很容易学习的,刚开始多记多练,但是到最后还是要自己深入专研,简单的入门是很快,但学好HTML是成为W ...