弹出模态框modal的实现方法及实例
一个简单的点击列表修改按钮，弹出bootstrap模态框，修改状态传到后台php
<a href="" data-toggle=" modal" data-target="#myModal">修改</a> <!-- <a href="" data-toggle=" modal" data-target="#myModal">删除</a> --> </td> </tr> @endforeach <div tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div> <div> <div> <button type="button" data-dismiss="modal" aria-hidden="true"> × </button> <h4> 请修改回访状态 </h4> </div> <div> <select> <option>成功</option> <option>未联系</option> <option>失败</option> </select> </div> <div> <button type="button" data-dismiss="modal">关闭 </button> <button type="button"> 提交更改 </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') }}" ; } } }); });