弹出模态框modal示例

来源：互联网发布：软件开发工作待遇, 编辑：程序博客网时间：2024/05/16 02:15

一个简单的点击列表修改按钮，弹出bootstrap模态框，修改状态传到后台php

  <a href="" data-toggle="modal" data-target="#myModal"  class="btn btn-success btn-sm edit">修改</a>         <!-- <a href="" data-toggle="modal" data-target="#myModal" class="btn btn-danger btn-xs" onclick="return confirm('删除后无法恢复,确定要删除吗')">删除</a> -->       </td>    </tr>    @endforeach    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">        <div class="modal-dialog">            <div class="modal-content">                <div class="modal-header">                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">                        &times;                    </button>                    <h4 class="modal-title" id="myModalLabel">                            请修改回访状态                    </h4>                </div>                <div class="modal-body ">            <select class="form-control" id="select">              <option>成功</option>              <option>未联系</option>              <option>失败</option>            </select>                </div>                <div class="modal-footer">                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭                    </button>                    <button type="button" class="btn btn-primary saveId">                        提交更改                    </button>                </div>            </div>        </div>    </div>

  var saveID;      $('.table').on('click','.edit',function(){        console.log($(this).parent().parent().attr('data-id'));        saveID = $(this).parent().parent().attr('data-id');      });      $('.saveId').click(function(){          console.log(111,saveID);            var options = $("#select option:selected");            var status = options.val();            $.ajax({                   type: "POST",                   url: "/subscribe/edit",                   dataType:"json",                   data:{                     "saveID" :saveID,                     "status":status,                     "_token":"{{ csrf_token() }}",                   },                   success: function(data) {                     if (data.code == 200) {                         window.location.href="{{ url('subscribe/list') }}";                     }                   }               });      });

阅读全文

0 0