菜单

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

2018年11月15日 - Ajax

成效:根据选择不同层次,在业内下拉框中动态变化对许分类的正规。

实在select下拉绳直接过去value,应该是可行之(我耶绝非测试了)。
然就如file的表单一样,样式总是怪怪的,所以需要大量的样式美化,有是于大方之js操作情况下,就会起得不交里面的内容,所以自己要好包了一个颇简陋的方。(莫见笑);

HTML:

//获取select的text值 dom为js原生对象;
        function getText(dom){
            var selectIndex = dom.selectedIndex;//获得是第几个被选中了
            var selectText = dom.options[selectIndex].text //获得被选中的项目的文本
            return selectText
        }
<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下拉绳的实例就是多少编分享给大家之全部内容了,希望能叫大家一个参考,也想大家多支持脚本的寒。

公或许感兴趣之稿子:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图