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

如有疑問請留言或者到本站社區交流討論,感謝導語,愿望能贊助到大家,,謝謝大家對本站的支持!

評論列表(網友評論僅供網友表達個人看法,并不表明本站同意其觀點或證實其描述)

站點導航

您可能在找這些
黑龙江快乐十分走势图