zoukankan      html  css  js  c++  java
  • 联动查询

      <label class="layui-form-label">部门:</label>
                    <div class="layui-input-inline">
    
                        <select name="depart" lay-filter="select1" id="depart">
                            <option value="" selected>请选择</option>
                            @foreach($departs as $depart)
    
                                <option value="{{$depart -> dept_id}}"
                                        selected>{{$depart -> dept_name}}</option>
                            @endforeach
                        </select>
    
                        {{--<input type="text" name="depart" lay-verify="required" autocomplete="off" class="layui-input">--}}
                    </div>

       <label class="layui-form-label">项目:</label>
    <div class="layui-input-inline">
    <select name="project" lay-filter="select2" id="project">

    </select>
    </div>





     layui.use(['form', 'laydate'], function () {
                var laydate = layui.laydate;
                var form = layui.form;
    form.on('select(select1)', function(data){
                    $.ajax({
                        url:'/pm/getProject',
                        type:'get',
                        dataType:'json',
                        data:{
                            department:data.value
                        },
                        success:function(response){
                            $('#project').html('<option  value="" selected="selected">请选择</option>')
                            for(var i= 0; i< response.length; i++){
                                var option = $("<option>").val(response[i].pro_id).text(response[i].pro_name);
                                $('#project').append(option);
                                form.render('select');
                            }
                        }
    
                    })
    
                })



     
     <input type="text" class="layui-input" name="time" id="test6" placeholder=" - ">
    
    
    layui.use(['form', 'laydate'], function () {
                var laydate = layui.laydate;
                var form = layui.form;
    
                //日期范围
                laydate.render({
                    elem: '#test6'
                    , range: true
    
    
    
    startDate = $('#test6').val().split(' - ')[0];
                    endDate = $('#test6').val().split(' - ')[1];
                    dept_id = $('#depart').val();
    //                depa_name = $('#depart').val().split(',')[1];
  • 相关阅读:
    菜鸟学Windows Phone 8开发(2)——了解XAML
    菜鸟学Windows Phone 8开发(1)——创建第一个应用程序
    Android6.0之来电转接号码显示修改
    Android之拨号界面图片风格,无信息默认显示界面修改
    Android之mtklog分析
    Android之常用Git命令
    Android开发之Git配置
    Android之Dialer之紧急号码
    Android之mtk上传log
    字节对齐
  • 原文地址:https://www.cnblogs.com/luxia/p/8718336.html
Copyright © 2011-2022 走看看