弹出模态框modal示例

• 一个简单的点击列表修改按钮，弹出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') }}";
                     }
                   }
               });
      });