这篇文章主要介绍了弹出模态框modal的实现方法及实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
弹出模态框modal的实现方法及实例
一个简单的点击列表修改按钮，弹出bootstrap模态框，修改状态传到后台php
修改<!-- 删除 --></td></tr> @endforeach <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close"> × </button><h4 class="modal-title" id="myModalLabel"> 请修改回访状态 </h4></div><div class="modal-body"> 成功未联系失败</div><div class="modal-footer"> <button type="button" class="btn btn-default">关闭 </button><a style="color:transparent">来源gao*daima.com搞@代#码网</a><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的实现方法及实例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：弹出模态框modal的实现方法及实例
转载请注明原文链接：弹出模态框modal的实现方法及实例
