<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. (Array,位操作)137. Single Number II

    Given an array of integers, every element appears three times except for one. Find that single one. ...

  2. JSP 九大内置对象

    JSP 九大内置对象: 一 out对象主要用来向客户端输出各种数据类型内容,并且管理应用服务器上的输出缓冲区.out.print()//输出数据out.newLine()//输出一个换行符out.fl ...

  3. Translucent Bar Android状态栏自定义颜色

    Android4.4 一个很重要的改变就是透明系统栏..新的系统栏是渐变透明的, 可以最大限度的允许屏幕显示更多内容, 也可以让系统栏和 Action Bar 融为一体, 仅仅留下最低限度的背景保护以 ...

  4. SQL Server 2012日志文件误删除数据库质疑后的相关恢复

    alter database testdb set emergencyalter database testdb set single_userdbcc checkdb('testdb',REPAIR ...

  5. go read text file into string array

    http://stackoverflow.com/questions/5884154/golang-read-text-file-into-string-array-and-write 方法一 pac ...

  6. oracle-关于dual

    来源:百度知道1. dual 是一张表.是一张只有一个字段,一行记录的表. 2.习惯上,我们称之为'伪表'.因为他不存储主题数据.3. 他的存在,是为了操作上的方便.因为select 都是要有特定对象 ...

  7. javaScript 相关笔记

    1.js中对象复制 思路:将js对象先转成json字符串,然后再将json字符串转换为两个对象

  8. x-ua-compatible的实践

    前提: 在ie8中测试 页面头部含有<!DOCTYPE html> 结果: <meta http-equiv="x-ua-compatible" content= ...

  9. Upload files to aliyunOSS with bootstrap-fileinput

    本文主要涉及两个概念: 阿里云OSS:对象存储(Object Storage Service,简称OSS),是阿里云对外提供的海量.安全和高可靠的云存储服务. bootstrap-fileinput: ...

  10. sed命令

    sed是一个很好的文件处理工具,本身是一个管道命令,主要是以行为单位进行处理,可以将数据行进行替换.删除.新增.选取等特定工作,下面先了解一下sed的用法sed命令行格式为:         sed ...