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

时间:2013-07-31 03:42:52

标签: php mysql twitter-bootstrap modal-dialog form-submit

我正在寻找一个在模态框中显示mysql结果的解决方案。说我要做一个投票表格。用户选择哪个选项,然后单击“提交”。单击提交后,将调用一个模态框并显示他们刚刚选择的投票数。

我到处都在找这个例子,但没有结果。我想知道这个星球上是否有其中任何一个。那么你们可以建议或者让我知道如何实现这一目标。

1 个答案:

答案 0 :(得分:0)

如果您计算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>