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

发布时间：2022-07-15 12:23:15 所属栏目：PHP教程来源：互联网

导读：这篇文章主要介绍了弹出模态框modal的实现方法及实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，弹出模态框modal的实现方法及实例，一个简单的点击列表修改按钮，弹出bootstrap模态框，修改状态传到后台php a href= data-toggle= rel=exte

这篇文章主要介绍了弹出模态框modal的实现方法及实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，弹出模态框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>
　　    
　　   </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" ;
　　          }
　　         }
　　       });
　　  });

（编辑：周口站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!