• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    layui Ajax请求给下拉框赋值的实例

    如下所示:

    !DOCTYPE html>
    html>
    head>
    title>排课设置/title>
    meta charset="UTF-8">
    meta http-equiv="X-UA-Compatible" content="IE=edge">
    meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    meta name="renderer" content="webkit">
    link rel="stylesheet" href="/vendor/layui/css/layui.css" rel="external nofollow" media="all">
    /head>
    body>
    div class="layui-form" lay-filter="boardFilter">
    hr>
    div class="layui-form-pane layui-tab-content" style="margin: -10px auto;">
    div class="layui-inline">
    label class="layui-form-label" style="width: 100px;">查询内容/label>
    div class="layui-input-inline" style="width: 250px;">
    input class="layui-input" name="schName" placeholder="请输入学校名称" id="schName" autocomplete="off">
    /div>
    /div>
    div class="layui-inline">
    label class="layui-form-label" style="width: 100px;">学期/label>
     div class="layui-input-inline" style="width: 200px;">
    select name="termId" id="termId">
    
    /select>
     /div>
    /div>
    div class="layui-inline">
    label class="layui-form-label" style="width: 100px;">列表状态/label>
     div class="layui-input-inline" style="width: 150px;">
    select name="msgType" id="msgType">
    option value="">全部状态/option>
    option value="1">申请中/option>
     option value="2">确认申请/option>
     option value="3">已经发布/option>
     option value="0">已撤销/option>
    /select>
     /div>
    /div>
    div class="layui-inline toolbarBtn">
    button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" lay-filter="getSearch" id="getSearch" name="getSearch">i class="layui-icon">#xe615;/i> 查询/button>
    /div>
    /div>
    /div>
    table class="layui-table" id="infoTable" lay-filter="filterTable">/table>
    script type="text/javascript" src="/vendor/jquery/jquery-1.11.3.min.js">/script>
    script type="text/javascript" src="/vendor/layui/layui.js">/script>
    script type="text/html" id="action">
    a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="view">查看/a>
    {{# if(d.status===2){ }}
    a class="layui-btn layui-btn-xs" lay-event="send">推送/a>
    {{# } }}
    {{# if(d.status===3){ }}
     a href='{{d.url}}' class='layui-btn layui-btn-xs'>下载排课表/a>
    {{# } }}
    /script>
    script type="text/html" id="courseArrangeFlag">
    {{# if(d.courseArrangeFlag===0){ }}
     h>行政班排课/h>
     {{# } else { }}
     h>走班排课/h>
    {{# } }}
    /script>
    script type="text/html" id="status">
    {{# if(d.status===0){ }}
     h>撤消申请/h>
     {{# } else if(d.status===1){ }}
     h>申请中/h>
    {{# } else if(d.status===2){ }}
     h>排课中/h>
    {{# } else if(d.status===3){ }}
     h>已经推送/h>
    {{# } else if(d.status===4){ }}
     h>已发布课程表/h>
    {{# } }}
    /script>
    script>
    layui.use(['table','layer'], function() {
    var table = layui.table
    ,form = layui.form;
    var $ = layui.jquery, layer = layui.layer;
    
    var tableIns = table.render({
    elem: '#infoTable'
    ,url: '/web/courseArrange/list'
    ,id: 'idTable'
    ,page: true
    ,limits: [10,20,50,100]
    ,limit: 10 //默认采用10
    ,cols: [[ //标题栏
     {checkbox: true, fixed: true}
     ,{field: 'courseArrangeId', title: '序号', fixed: true}
     ,{field: 'schName', title: '学校名称'}
     ,{field: 'courseArrangeFlag', title: '排课类型', templet: '#courseArrangeFlag'}
     ,{field: 'termName', title: '学期'}
     ,{field: 'recordTime', title: '申请时间'}
     ,{field: 'status', title: '状态', templet: '#status'}
     ,{field: 'action', title: '操作', templet: '#action'}
     ]]
    });
    
    //监听管理操作
     form.on('switch(schControlInput)', function(obj){
     var normalValue
     if(obj.elem.checked){
     normalValue = '0';
     }else{
     normalValue = '1';
     }
    $.ajax({
    url:'/school/editIsNormalSchool',
    type:"POST",
    dataType:"json",
    data:{"schId":this.value, "statusValue":normalValue},
    success:function(res){
    location.reload();
    },
    });
     });
    
    // 监听Table工具条
    table.on('tool(filterTable)', function(obj) {
    var data = obj.data;
    if (obj.event === 'view') {
    location.href="courseArrangeView.html?id=" rel="external nofollow" +data.courseArrangeId+"schId="+data.schId+"areaId="+data.areaId;
    }else if (obj.event === 'send') {
    layer.open({
      type: 2,
      title: '导入并推送',
      maxmin: true,
      shadeClose: false, //点击遮罩关闭层
      area : ['700px' , '600px'],
      content: '/page/business/course/courseArrangeUpload.html?schId='+data.schId+'areaId='+data.areaId+'termId='+data.termId+'courseArrangeFlag='+data.courseArrangeFlag+'phone='+data.phone
      ,btn: '关闭'
      ,btnAlign: 'c' //按钮居中
      ,shade: 0 //不显示遮罩
      ,yes: function(){
       layer.closeAll();
       }
    ,end: function () {
        location.reload();
       }
    });
    }
    });
    
    form.on('submit(getSearch)', function(data){
     table.reload('idTable', {
    where: data.field
    });
    });
    
    $(document).ready(function () {
    $("select[name=termNm]").empty();
     $.ajax({
      async: false,
      type: "POST",
      url: "/web/courseArrange/termList",
      dataType: "json",
      data: {},
      success: function (res) {
      var opt = "option value='' selected = \'selected'>全部/option>";
      $("select[name=termId]").append(opt);
    for(var i=0; ires.data.length; i++){
    var option="option value=\""+res.data[i].termId+"\"";
    option += ">"+res.data[i].termName+"/option>"; //动态添加数据
    $("select[name=termId]").append(option);
    }
        layui.form.render('select','boardFilter');
      }
     });
    });
    
    });
    
    /script>
    /body>
    /html>

    以上这篇layui Ajax请求给下拉框赋值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • layui的layedit富文本赋值方法
    • layui 对弹窗 form表单赋值的实现方法
    • layui radio性别单选框赋值方法
    • layui 富文本赋值,取值,取纯文本值的实例
    上一篇:ajax动态加载json数据并详细解析
    下一篇:使用FormData进行Ajax请求上传文件的实例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    layui Ajax请求给下拉框赋值的实例 layui,Ajax,请求,给,下拉,框,