如何关闭引导模式弹出，并通过id到下一页在php - How to close bootstrap modal pop up and pass the id to next page in php

How to close bootstrap modal pop up and pass the id to next page in php

本文关键字：id 一页 php 何关闭模式 | 更新日期: 2023-09-27

我想搜索这条记录我使用模态弹出，正在取名字，我想输入名称后，点击提交按钮模态弹出关闭，一个新的表单打开并显示已从数据库中搜索的数据。请给我一个解决方案。

<div id="EmployeeSearch" class="modal hide fade" tabindex="-1" data-width="600">
<form action="class/insert_outward.php" method="post" enctype="multipart/form-data">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3 style="background:url(img/create_user.png) no-repeat left center; padding-left: 46px;height: 39px; ">Search Employee</h3>
  </div>
 <div id="task_status" style="font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0 0 0 10px; color:red;"></div>
  <div class="modal-body">
    <div class="row-fluid">
      <div class="span12">
     <p> <input type="text" class="span12" name="slipno[]" id="slipno[]" placeholder="Enter Name of Employee"/> </p>
     </div>
   </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn">Close</button>
    <input type="submit" name="submit" value="Send" class="btn btn-primary"/>
     <!--<button type="button"  onClick="task_sent();" class="btn btn-primary">Send</button>-->

  </div>
 </form>
</div>

您需要通过AJAX来完成

提交搜索和关闭模型

$(function(){
   $('#EmployeeSearch .btn.btn-primary').on('click', function(){
       var nameData =  $(this).val();
       //Make an AJAX request
       $.ajax({
           type: "POST",
           url: "class/insert_outward.php", // URL of search 
        data: { name: nameData  }
         })
       .done(function( msg ) {
          //Insert result
          $("#resultModal .modal-body").html( msg ); // Insert result into result model body 
          //Close the Model 
          $("#EmployeeSearch").modal('hide');
          //Open result model 
          $("#resultModal").modal('show');
       });
   });
});

在另一个模型中显示结果

在html

中添加如下模型

  <!-- Result Modal -->
  <div class="modal fade" id="resultModal" 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">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Results</h4>
       </div>
       <div class="modal-body">
       </div>
      <div class="modal-footer">
       <button type="button" class="btn btn-default"   data-dismiss="modal">Close</button>
      </div>
     </div>
   </div>
 </div>