如何設置模式顯示基於點擊按鈕的東西？

我真的很希望我的Modal能夠顯示一些基於它按下的按鈕，但我不知道如何做到這一點。其實我試圖用if(isset($_POST['buttoname'])如何設置模式顯示基於點擊按鈕的東西？

但看起來像這樣dowsn't工作`

這是我的語氣，我只是想在右邊（這是白色）的內容的地方，但實際上它不起作用。

這裏是我試圖用

<!-- Modal Settings --> 
    <div class="modal fade" id="Settings" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header" style="background-color: #d9534f;color:white !important;text-align: center;font-size: 30px"> 
      <button type="button" class="close" data-dismiss="modal" style="background-color: #d9534f;color:white !important;text-align: center;font-size: 30px">&times;</button> 
      <h4 style="background-color: #d9534f;color:white !important;text-align: center;font-size: 30px"><span class="fa fa-gear"></span> Settings</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="container"> 
     <div class="list-group col-sm-1"> 
     <form method="post" href="#"> 
     <button type="submit" name="Profile" href="#" class="list-group-item">First </button> 
     <button type="submit" name="Logins" href="#" class="list-group-item">First </button> 
     <button type="submit" name="Security" href="#" class="list-group-item">First </button> 
     </form> 
     </div> <!-- List --> 
     </div> 
     <?php 
     if(isset($_POST['Profile'])){ 

     echo' <div class="container"> 
     <div class="col-sm-11"> 
     <p> This is a test</p> 
     </div> 
     </div>'; 

           } 





            ?>  


     </div> 
     <div class="modal-footer" style="background-color: #f9f9f9;"> 
      <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button> 
     </div> 
     </div> 

    </div> 
    </div> 
    <!-- Modal Settings -->

來源

2016-06-28 Erik Nucibella

你應該使用JavaScript，而不是PHP。或者，您可以使用PHP和AJAX技術。 – makshh

實際上你需要發佈按鈕，點擊它已經存儲在$ _ POST代碼。所以，只需將表單動作留空即可，並將此表單發佈到您已有的網址中。

但是，這樣會刷新頁面，所以如果您想不刷新頁面，就需要使用javascript。

例如，如果你正在使用jQuery和你，如果你使用的是引導在你的HTML放一些佔位格，而不是這個PHP的，如果：

</div> <!-- List --> 
</div> 
<div id="placeholder"></div> 
</div>

而在你的JavaScript代碼：

$("button[name='Profile']").click(function() { 
    $("#placeholder").html("YOUR HTML CODE"); 
});

來源

2016-06-28 19:37:46

如何設置模式顯示基於點擊按鈕的東西？

回答

相關問題