Ajax获取php返回json数据动态生成select下拉框的实例

 更新时间:2018年08月14日 09:36:27   作者:jqdfTiTan  
今天小编就为大家分享一篇Ajax获取php返回json数据动态生成select下拉框的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。

HTML:

<label>层次</label>
<select name="level" id="level">
 <option value="1">本科</option>
 <option value="2">高职(专科)</option>
</select>
<label>专业</label>
<select name="major" id="major">
 <option value="">--</option>
</select>

JQuery:

$("#level").click(function(){
      $.ajax({
       type:"POST",
       url:"{:U('Target/queryMajor')}",
       dataType: "json",
       data:{
        level:$('#level').val()
       },
       success:function(data){
        $("#major").empty();
        switch (data.status){
         case '1':
          $("#major").append("<option value='' >--</option>");
          $.each(data.data,function(index,val){
           $("#major").append('<option value='+val.major+' >'+val.major+'</option>');
          });
          break;
         case '0':
          $("#major").append("<option value='' >--</option>");
          break;
        }
        return false;
       }
      });
      return false;
     });

后台控制器:

public function queryMajor()
 {
 if(I('post.level') == 1){$ccmc = '本科';}else{$ccmc = '高职(专科)';}
 $dao = M('Plan');
 $condition["ccmc"] = $ccmc;
 $record = $dao->where($condition)->field('major')->select();
 if($record != null){
 $this->ajaxReturn($record,'','1');
 }else{
 $this->ajaxReturn('','','0');
 }
 }

以上这篇Ajax获取php返回json数据动态生成select下拉框的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈Ajax相关及其优缺点

    浅谈Ajax相关及其优缺点

    最近在学习有关 AJAX 的知识,上网查阅了一些有关 AJAX 的资料,主要是有关 AJAX的技术简介及其优缺点等。在这里,我想对我收集的资料做一些小小的总结,大部分资料都来自网上,本人在此只做分类总结,希望对和我一样正在学习 AJAX 的朋友有一定的帮助。
    2015-06-06
  • Ajax 上传图片并预览的简单实现

    Ajax 上传图片并预览的简单实现

    下面小编就为大家带来一篇Ajax 上传图片并预览的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • Ajax 向数据库修改和添加功能(较简答)

    Ajax 向数据库修改和添加功能(较简答)

    这篇文章主要介绍了Ajax 向数据库修改和添加功能(较简答),非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • AJAX 用户唯一性验证实现代码

    AJAX 用户唯一性验证实现代码

    用ajax实现用户名的检测,提示是否重复的实现代码。
    2009-11-11
  • 开始研究Ajax. 第一天

    开始研究Ajax. 第一天

    开始研究Ajax. 第一天...
    2006-06-06
  • Ajax获取页面被缓存的解决方法

    Ajax获取页面被缓存的解决方法

    常利用AJAX写一些页面无刷新的内容获取页面,这种方式很快捷也很方便,但其中有一个问题,就是如果两次提交的参数相同时,返回的内容只返回上次获取的内容,如果我们在第一次修改了参数,第二次再次调用却会发现页面根本没有改变。
    2008-09-09
  • Ajax Hacking

    Ajax Hacking

    [红色]Ajax Hacking...
    2006-11-11
  • XMLHTTP多浏览器兼容性写法

    XMLHTTP多浏览器兼容性写法

    XMLHTTP多浏览器兼容性写法...
    2007-11-11
  • ajax请求Session失效问题

    ajax请求Session失效问题

    本文由脚本之家小编跟大家分享的ajax请求Session失效问题,感兴趣的朋友一起看看吧
    2015-09-09
  • php ajax网站浏览统计功能的简单实现

    php ajax网站浏览统计功能的简单实现

    这个功能应该是很多网站都需要的,这里仅仅实现了一个基于文件的简易版本,数据库的版本请自行参考实现,我这里实现的功能很不完善,比如未过滤是否为同一访客,是否为同一IP等等,这里仅仅是给大家提供一个参考.
    2008-09-09

最新评论