当前位置 博文首页 > 弹出模态框modal的实现方法及实例

    弹出模态框modal的实现方法及实例

    作者:admin 时间:2021-08-24 18:57

    弹出模态框modal的实现方法及实例

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

     <a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-success btn-sm edit">修改</a>
         <!-- <a href="" data-toggle=" rel="external nofollow" rel="external nofollow" modal" data-target="#myModal" class="btn btn-danger btn-xs" onclick="return confirm('删除后无法恢复,确定要删除吗')">删除</a> -->
        </td>
      </tr>
      @endforeach
      <div class="modal fade"  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" >
                  请修改回访状态
              </h4>
            </div>
            <div class="modal-body ">
          <select class="form-control" >
           <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') }}" rel="external nofollow" ;
               }
              }
            });
       });
    

    如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

    jsjbwy