2013-07-31 35 views
0

我正在尋找一種解決方案在模態框中顯示mysql結果。說我要製作投票表格。用戶選擇一個選項並點擊提交。點擊提交後,將調用一個模式框並顯示他們剛剛選擇的投票數量。如何在提交表單後在模態引導中顯示mysql結果

我正在尋找這種有點例子,但沒有結果。我想知道這個星球上是否有它們中的任何一個。所以你可以建議或給我一個想法如何實現這一點。

+0

這將是更多的JavaScript問題..你使用的是jQuery嗎?如果沒有,我會強烈推薦它。 –

+0

尼克,引導是基於jQuery的方式。 – Wilf

回答

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> 
+0

Cartina,謝謝你的代碼。但這不完全是我要找的。我只是想要一個表單,在點擊提交按鈕後將值傳遞給模態。 – Wilf

+0

@wilf這個例子是爲了演示我們如何將價值從形式傳遞給模態。頁面頂部的腳本使用類從按鈕中選擇值並將其設置爲模態中的隱藏字段。 – cartina

相關問題