如何在引導模態窗口中將id值作爲變量回顯？

我認爲這很容易，但它給我的問題。我試着尋找其他答案來解決這個問題，但無濟於事。我有一個id值爲動態的按鈕列表。如何在引導模態窗口中將id值作爲變量回顯？

<a href="#" class="btn btn-default notesButton" data-id="<?php echo $id; ?>" 
role="button">Notes</a>

然後讓JavaScript的，我想opent模態窗口，得到的id，我可以在窗口呼應或在查詢中使用的變量。

$(document).ready(function(){ 
    $(".notesButton").click(function(){ 
     $("#notesModal").modal(); 
     var myOrderId = $(this).data('id'); 
    }); 
});

最後，我嘗試在模式中回顯myOrderId，或者在查詢中使用它。但是，它沒有顯示。

<div id="notesModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Order Notes</h4> 
     </div> 
     <div class="modal-body"> 

      <?php echo $myOrderId; ?>    

     </div> 
    </div> 
    </div> 
</div> <!-- end modal -->

一旦我能夠呼應這個值，那麼它應該很容易在窗口中的SQL查詢使用它，但現在我無法得到的值在模態窗口呼應。有什麼建議嗎？

來源

2017-02-20 Roberto

也許這將幫助 - > http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal – hieroshima

$("#notesModal").on("show.bs.modal", function(evt) { 
    var $btn = $(evt.relatedTarget); 
    var $modal = $(evt.target); 
    var $content = $modal.find(".modal-body"); 

    $content.text($btn.data("id")); 
});

PHP是服務器端語言，JavaScript是客戶端的語言，因此它是後來被稱爲。
var myOrderId是javascript，而不是PHP變量。

您可以在這裏嘗試一下：jsfiddle

瞭解更多關於自舉情態動詞在documentation。

編輯：關於SQL查詢：

如果你想用你的id作爲一個放慢參數在SQL查詢時態表演，再次你不這樣做，客戶端，但服務器端。據varying modal content chapter of documentation，一般的做法是：在顯示模式元素

存儲不同的數據（你已經這樣做，以你的data-id）
現在你有兩個不同的方法：
- POST AJAX調用在.on('show.bs.modal', function(){})的第二個參數中，您可以將您存儲在按鈕（data-id）中的數據發送到服務器，查詢您的數據庫服務器端並響應所需的結果，您可以在AJAX回調函數中的模態顯示之前使用該結果;
- 預先準備所有SQL數據，呈現爲元件，其show.bs.modal內JSON文檔，如比方說data-sql，然後在.on('show.bs.modal', function(){})方法的第二個參數使用它，訪問它喜歡：$(evt.relatedTarget).data("sql");

來源

2017-02-20 14:18:18 wscourge

這個工程對於在顯示正確的身份證號碼模態的身體。但我認爲我可以在模態體內使用該ID號並運行一個SQL查詢。但是，我的查詢結果不顯示。所以，我猜這個模式不知道在打開時自動運行查詢。 – Roberto

檢查我的編輯關於運行SQL查詢。 – wscourge

如何在引導模態窗口中將id值作爲變量回顯？

回答

相關問題