zoukankan      html  css  js  c++  java
  • 三级联动

     <div class="form-group">
    <label class="">大分类:</label>
    <select name="max" class="form-control" style=" 200px" id="max" >
    <option value="" >--请选择大分类--</option>
    <volist name="maxtype" id='vvo' >
    <option value="<?php echo $vvo['id'];?>" <?php if($max==$vvo['id']){ echo selected;} ?> ><?php echo $vvo['name'];?></option>
    </volist>
    </select>

    <label class="">小分类:</label>
    <select name="two" class="form-control" style=" 200px" id="two">
    <option value="" >--请选择小分类--</option>
    <?php if(!empty($s_class)){ foreach($s_class as $k=>$v){?>
    <option value="<?php echo $v['id'];?>" <?php if($two==$v['id']){ echo selected;} ?> ><?php echo $v['name'];?></option>
    <?php } } ?>

    </select>

    <label class="">品牌:</label>
    <select name="brand_id" class="form-control" style=" 200px" id="pinpai">
    <option value="" >--请选择品牌--</option>
    <?php if(!empty($brand_data)){ foreach($brand_data as $k=>$v){?>
    <option value="<?php echo $v['brand_id'];?>" <?php if($brand_id === $v['brand_id']){ echo selected;} ?>><?php echo $v['brand_name']; ?></option>
    <?php } } ?>
    </select>

    </div>

    《script》

      $(document).on('change','#max',function() {
    var maxid = $("select[name=max]").val();
    $(".dtype").val(maxid);

    $.ajax({
    url:"/admin/product/secondlevel",
    type:"post",
    data:{
    id:maxid
    },
    success: function (data) {
    console.log(data)
    str='<option value="">--请选择--</option>';
    $.each(data,function (k,v) {
    str+='<option class="rep" id="' + v.id + '" value="'+v.id+'">'+v.name+'</option>';

    })
    $("#two").append($('#two').html(str));
    }
    })
    });

    $(document).on('change',"#two",function () {
    id= $(this).val()
    $(".mtype").val(id);

    $.ajax({
    url:"/admin/product/threelist",
    type:"post",
    data:{
    id:id
    },
    success: function (data) {
    console.log(data)
    str='<option value="">--请选择--</option>';
    $.each(data,function (k,v) {
    str+='<option class="rep" id="' + v.brand_id + '" value="'+v.brand_id+'">'+v.brand_name+'</option>';

    })
    $("#pinpai").append($('#pinpai').html(str));

    }
    })
    })

    public  function  threelist(){
    $id=$_POST['id'];
    $classification_derive_brand=M('classification_derive_brand')->group('brand_id')->where("c_sid=$id")->select();
    $this->ajaxReturn($classification_derive_brand);
    }
  • 相关阅读:
    Centos7 安装redis及简单使用
    Python 网络编程之网络协议(未完待续)
    Docker 安装(centos7下)
    Centos7 下vmware NAT模式配置网络连接与DNS
    Docker 初识
    八月份第五周学习总结
    八月份第四周学习总结
    java 学生信息管理
    八月份第三周学习总结
    八月份第一周学习总结
  • 原文地址:https://www.cnblogs.com/maohongli/p/12875095.html
Copyright © 2011-2022 走看看