layer弹出表单

客官°小女子只卖身不卖艺 2021-09-08 17:14 445阅读 0赞

<button class="am-btn am-btn-default am-btn-xs am-text-secondary"  
                                                            type="button"  
                                                            οnclick="wuliu(\{ \{$v\['id'\]\}\})">  
                                                        <span class="am-icon-pencil-square-o"></span> 物流编码  
                                                    </button>

<div class="site-text" style="margin: 5%; display: none" id="wuliuedit"  target="test123">      
        <form class="layui-form" id="" method="" lay-filter="example">  
          <div class="layui-form-item">  
            <label class="layui-form-label">快递公司</label>  
            <div class="layui-input-block">  
                <select id='form\_delivery\_name' name="delivery\_name">  
                    <option value=""> 请选择</option>  
                    @foreach($wuliu as $v)  
                        <option value="\{ \{$v->name\}\}" >\{ \{$v->name\}\}</option>  
                    @endforeach  
                </select>  
            </div>  
          </div>  
          <div class="layui-form-item">  
            <label class="layui-form-label">物流单号</label>  
            <div class="layui-input-block">  
              <input type="text" id="form\_delivery\_id" name="delivery\_id" lay-verify="title" autocomplete="off" placeholder="物流单号" class="layui-input">  
            </div>  
          </div>  
        </form>  
    </div>

<script>

function wuliu(id) \{  
            //页面层  
            layer.open(\{  
               type: 1 //Page层类型  
               ,skin: 'layui-layer-molv'  
               ,area: \['380px', '270px'\]  
               ,title: \['编辑物流信息','font-size:18px'\]  
               ,btn: \['确定', '取消'\]   
               ,shadeClose: true  
               ,shade: 0 //遮罩透明度  
               ,maxmin: true //允许全屏最小化  
               ,content:$("\#wuliuedit")  
               ,success:function()\{   
               \}  
               ,yes:function()\{  
                   var delivery\_name = $.trim($('\#form\_delivery\_name').val());  
                   var delivery\_id = $.trim($('\#form\_delivery\_id').val());  
                   $.ajax(\{  
                          type : "POST",  
                          url : '\{ \{route("client\_goods\_order\_wuliu")\}\}',  
                          data : \{id:id,delivery\_name:delivery\_name,delivery\_id:delivery\_id\},  
                          async : true,  
                          dataType : 'json',  
                          error : function(data) \{  
                              layer.msg('请求失败', \{  
                                  icon : 5  
                              \});  
                              return false;  
                          \},  
                          success : function(data) \{  
                              if (data.code == 1) \{  
                                  layer.msg('操作成功', \{  
                                      icon : 6,  
                                      time : 2000  
                                  \}, function() \{  
                                      window.location.href = '\{ \{route("client\_goods\_order")\}\}';  
                                  \});  
                              \} else \{  
                                  layer.msg(data.msg, \{  
                                      icon : 5  
                                  \});  
                              \}  
                          \}  
                      \});  
               \}  
           \});  
        \}

</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，445人围观）

还没有评论，来说两句吧...

相关阅读

相关【前端-layui-layer】layui弹出层闪退，layer弹出层闪退，layer弹出层坑

今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事件还未绑定到任何按钮，可是点击form表单中的按钮可以打开我定义的弹出层 2、绑定弹出层到按钮，打开弹窗闪退

我不是女神ヾ/ 2023年07月05日 11:53/ 0 赞/ 30 阅读

相关 layui的表单layer弹出框

这是用到的头工具栏的新增数据 //头工具栏事件 table.on('toolbar(saleChances)', function(obj){

r囧r小猫/ 2022年12月17日 07:10/ 0 赞/ 173 阅读

相关 layer 弹出层读取html,Layer弹出层动态获取数据的方法

前一阵子做了一个简单的小项目，用到了Layer弹出层(弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/)，当时前后台

拼搏现实的明天。/ 2022年10月06日 11:00/ 0 赞/ 369 阅读

相关 layer 弹出层

使用方法：一、引入 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></scrip

约定不等于承诺〃/ 2022年07月24日 07:03/ 0 赞/ 349 阅读

相关 layer.msg弹出会关闭layer.open弹出的窗口问题

解决方法：给layer.open加个 type:1 layer的icon样式： ![20171104174824418][] [20171104174

小鱼儿/ 2022年06月06日 08:56/ 0 赞/ 684 阅读

相关 layer弹出层扩展主题

弹出层插件layer确实很强大，官方提供主题太少，但是提供扩展的方式，由于项目使用统一颜色风格，就想扩展一下。官方默认的三种: 1.白蓝(默认) ![这里写图片描述][

桃扇骨/ 2022年05月31日 05:43/ 0 赞/ 372 阅读

相关 layui弹出层闪退，layer弹出层闪退，layer弹出层坑

转载: http://www.mamicode.com/info-detail-1654730.html 今天用layui的弹出层插件，发现两奇怪的问题： 1、弹窗打开事

桃扇骨/ 2022年05月22日 04:30/ 1 赞/ 476 阅读

相关关于layer.open弹出表单初始化和表单提交更新表格的问题

项目需求：点击表格修改按钮后传入当前tr的值赋值给弹出层的表单（初始值），然后通过修改表单里面的值来提交到后台并更新页面表格数据 ![这里写图片描述][70] 首先给按

蔚落/ 2022年05月17日 11:25/ 0 赞/ 652 阅读

相关 layer弹出层

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layu

清疚/ 2021年09月15日 07:26/ 0 赞/ 600 阅读

相关 layer弹出表单

<button class="am-btn am-btn-default am-btn-xs am-text-secondary"

客官°小女子只卖身不卖艺/ 2021年09月08日 17:14/ 0 赞/ 446 阅读