弹出模态框modal的实现方法及实例
2017-09-19 17:04
615 查看
弹出模态框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" 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"> × </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') }}" rel="external nofollow" ; } } }); });
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- bootstrap 模态框(modal)实现水平垂直居中显示的方法
- 另一种方法实现弹出自身实例的子窗体
- Joomla实现组件中弹出一个模式(modal)窗口的方法
- Bootstrap使用模态框modal实现表单提交弹出框
- 弹出框(tooltip)模态modal框的实现原理及Jquery的一个实现实例
- JavaScript实现弹出模态窗体并接受传值的方法
- Bootstrap使用模态框modal实现表单提交弹出框
- 实现弹出模态窗口摸管理的方法
- JavaScript实现弹出模态窗体并接受传值的方法
- Bootstrap的模态框modal插件实现点击协议链接弹出协议详情功能
- Joomla实现组件中弹出一个模式(modal)窗口的方法
- Bootstrap一个静态的模态窗口实例,实现弹出信息窗口(也可做图片大图弹出)
- ASP.NET弹出对话框多种实现方法
- 小信使功能实现新邮件提示,MSN一样的方法弹出的实现方法
- javascript 面向对象编程方法的实现与实例
- javascript实现页面弹出对话框,点确定再跳转到其他页面的方法
- JavaScript弹出层效果的实现方法
- 在.net2.0中,实现对gridview删除行时弹出确认对话框的四种方法
- C# 2005 简短方法实现软件仅打开一个实例的方法
- Asp.net实现弹出窗口提示,又防止刷新被重复提交的方法