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

更新:2017-10-25    编辑:孤凝    来源:哥乖    人气:加载中...    字号:|

标签:实例  实现  方法  弹出  模态  modal  百度搜索

弹出模态框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') }}" ; } } }); });

如有疑问请留言或者到本站社区交流讨论,感谢导语,愿望能赞助到大家,,谢谢大家对本站的支持!

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

站点导航

您可能在找这些