1. <div class="form-item">
  2. <label class="item-label">一级分类<span class="check-tips"></span></label>
  3. <div class="controls">
  4. <select name="yijifenlei" id="yijifenlei">
  5. </select>
  6. </div>
  7. </div>
  8. <div class="form-item">
  9. <label class="item-label">二级分类<span class="check-tips"></span></label>
  10. <div class="controls">
  11. <select name="erjifenlei" id="erjifenlei">
  12. </select>
  13. </div>
  14. </div>

js代码:

  1. <script type="text/javascript">
  2.  
  3.             var current_yijifenlei = {$info['yijifenlei']};
  4. var current_erjifenlei = {$info['erjifenlei']};
  5. $.post("{:U('getYijilist')}", function (result) {
  6. var res = $.parseJSON(result);
  7. $("#yijifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
  8. $.each(res, function (i, n) {
  9. var select = '';
  10. if (n.id == current_yijifenlei) {
  11. select = 'selected';
  12. }
  13. $("#yijifenlei").append("<option value='" + n.id + "' " + select + ">" + n.yijimingcheng + "</option>"); //为Select追加一个Option(下拉项)
  14. });
  15. });
  16. $.post("{:U('getErjilist')}", {yijiid: current_yijifenlei}, function (result) {
  17. var res = $.parseJSON(result);
  18. console.log(res)
  19. $("#erjifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
  20. $.each(res, function (i, n) {
  21. var select = '';
  22. if (n.id == current_erjifenlei) {
  23. select = 'selected';
  24. }
  25. $("#erjifenlei").append("<option value='" + n.id + "' " + select + ">" + n.erjimingcheng + "</option>"); //为Select追加一个Option(下拉项)
  26. });
  27. });
  28. $('#yijifenlei').change(function () {
  29. //alert($(this).children('option:selected').val());
  30. $("#erjifenlei option").remove();
  31. var fenlei1 = $(this).children('option:selected').val(); //这就是selected的值
  32. $.post("{:U('getErjilist')}", {yijiid: fenlei1}, function (result) {
  33. var res = $.parseJSON(result);
  34. if(fenlei1 >0)
  35. $("#erjifenlei").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位
  36. $.each(res, function (i, n) {
  37. $("#erjifenlei").append("<option value='" + n.id + "' >" + n.erjimingcheng + "</option>"); //为Select追加一个Option(下拉项)
  38. });
  39. });
  40. });
  41. });
  42. </script>

PHP代码:

  1. function getYijilist() {
  2. $yijilist = M('news_yijicaidanmeiju')->select();
  3. echo json_encode($yijilist);
  4. }
  5. function getErjilist() {
  6. $yijiid = I('yijiid', 0);
  7. if (!empty($yijiid)) {
  8. $map['yijiid'] = $yijiid;
  9. $erjilist = M('news_erjicaidanmeiju')->where($map)->select();
  10. echo json_encode($erjilist);
  11. } else {
  12. echo '[{"id":"0","erjimingcheng":"请选择"}]';
  13. }
  14. }

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. Android—Work—1day

    1.view 跟Activity 的数据传递通过 adapter 实现. http://blog.csdn.net/tianfeng701/article/details/75578192.Activ ...

  2. kubernetes 内网节点部署笔记(一)

    在Centos7上部署kubernetes时,碰到很多坑,特别在摸拟在内网部署时,有来自GFW的障碍,有来自Firewalld的阻塞,反正是各种不服,终于慢慢理顺了思路,自己记录一下,防止遗忘. 环境 ...

  3. lombok

    参考http://blog.csdn.net/mlinge/article/details/51340362

  4. HttpContextBase转换成HttpContext对象

    有以下方法: 主要是方式就是通过context获取HttpApplication,然后通过Application获取相应的HttpContext ①HttpContext context=HttpCo ...

  5. C++设计模式-Flyweight享元模式

    Flyweight享元模式 作用:运用共享技术有效地支持大量细粒度的对象. 内部状态intrinsic和外部状态extrinsic: 1)Flyweight模式中,最重要的是将对象分解成intrins ...

  6. canvas生成二维码,并下载保存为本地的图片

    function getTicket(id,salt){//qrcode生成canvas二维码 $(".zc-mask").show(); $(".edit-box&qu ...

  7. django 项目的文件说明

    参见官方教程的mysite项目 mysite--- manage.py db.sqlite3 #数据库文件 mysite--- #项目文件夹 __init__.py settings.py urls. ...

  8. jQuery-表单流程导航

    前言:以前做过一个项目,里面牵涉到流程相关的业务,需要用到流程页面导航的效果,完整的工作流相关的项目以前也做过,需要用到第三方插件,当然这里记录的业务需求没这个麻烦,仅仅需要能有一个页面导航的标题栏, ...

  9. JS正则大全

    验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证 ...

  10. 0,SFDC 开发篇 - 开发框架和APEX语法

    1, 开发环境 Your Name | Developer Console | Debug | Open Execute Anonymous Window 输入hello world,并点击Excut ...