如何在提交表单后在模态引导中显示mysql结果

Question

我正在寻找一种解决方案在模态框中显示mysql结果。说我要制作投票表格。用户选择一个选项并点击提交。点击提交后，将调用一个模式框并显示他们刚刚选择的投票数量。

我正在寻找这种有点例子，但没有结果。我想知道这个星球上是否有它们中的任何一个。所以你可以建议或给我一个想法如何实现这一点。

Answer 1

如果您计算php中的投票数量，或者您可以使用您需要总票数的ID查询弹出窗口中的数据库，则可以在表单发帖后发送数据，因此在这种情况下，您将只需要传递id。

//This script reads the itema id and votes using class open-AddBookDialog and add the values //to input fields id and votes in modal box 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".open-AddBookDialog").click(function() { 

     $('#id').val($(this).data('id')); 
     $('#votes').val($(this).data('votes')); 

     $('#myModal_3').modal('show'); 
    }); 
}); 
</script> 

// your button 
<input type="button" class="open-AddBookDialog" data-votes="<?php echo $votes;?>" data-id="<?php echo $id; ?>" role="button" data-toggle="modal" /> 

//Modal box 
<div id="myModal_3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-body"> 
     <div class="clearfix"></div> 

      <form class="form-horizontal" method="post" action=""> 
     <div class="control-group"> 
      <label class="control-label" >Name</label> 
      <div class="controls"> 
      <input type="hidden" name="id" id="id" value=""/> 
      <input type="text" name="votes" id="votes" value=""/> </div> 
     </div> 

     <div class="control-group"> 
     <div class="controls"> 
      <input type="submit" class="btn btn-info" name="send" value="Send"> 
     </div> 
     </div> 


     </form> 
      <div class="clearfix"></div> 
     </div> 
    </div> 
    </div>