温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

使用modal弹出一个模态框

发布时间:2021-03-04 16:59:46 来源:亿速云 阅读:162 作者:Leah 栏目:开发技术

使用modal弹出一个模态框?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

 <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" 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>
          <h5 class="modal-title" id="myModalLabel">
              请修改回访状态
          </h5>
        </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') }}" rel="external nofollow" ;
           }
          }
        });
   });

关于使用modal弹出一个模态框问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI