layui弹窗 下拉框显示

layui弹窗 下拉框显示_第1张图片

<a href="javascript:;" class="btn btn btn-danger redo" style="margin-left: 0.5rem;" onclick="redo()">新重做a>

<form class="layui-form" id="test" style="display:none">
  <div class="layui-form-item">
    <div class="col-md-12">
      <table class="layui-table" id="serviceTables" >
        <colgroup>
          <col width="50%">
          <col width="20%">
          <col width="30%">
        colgroup>
        <thead>
        <tr>
          <th>
            责任部门
          th>
          <th>占比
          <th>操作th>
        thead>
        <tbody>
        <tr>

        tr>
        tbody>
      table>
      <button id="newBtn" type="button" class="layui-btn layui-btn-primary layui-btn-fluid" > <i class="layui-icon">i> 新增button><br>
  div>
  div>
form>
function redo(){
    layer.open({
      type:1,
      area:['500px','600px'],
      title: '重做',
      content: $("#test"),
      // shade: 0,
      // btn: ['提交', '取消'],
      // btn1: function(index, layero){
      //   var kk=$("#username").val();
      //   var kk1=$("#quiz").val();
      //
      //   alert(kk + kk1);
      // },
      // btn2: function(index, layero){
      //   layer.closeAll();
      // },
      cancel: function(layero,index){
        layer.closeAll();
      }
    });

    // 新增服务项目
    $("#newBtn").click(function() {
      var str = '';
      str += '';
      str += '';
      str += '';

      str += '';
      // str += '
      // str += 'class="layui-input">';

      str += ';
      str += 'onmousewheel="$.fn.commonBulkJs.stopScrollFun()" οnscrοll="$.fn.commonBulkJs.stopScrollFun()"  required  lay-verify="required" placeholder="占比" autocomplete="on">';
      str += '';

      str += '';
      str += '';

      str += '';

      $("#serviceTables").append(str);

      layui.use('form', function() {
        var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
        //……
        //但是,如果你的HTML是动态生成的,自动渲染就会失效
        //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
        form.render();
      });

    });


  }

你可能感兴趣的:(layui,javascript,html)