2016-05-30 44 views
1

如何使用模態編輯特定數據。例如,當我點擊數據旁邊的按鈕時,它會得到它的id,並且一個模態將出現,幷包含該特定數據的所有信息?模態與PHP腳本,將編輯特定數據的信息

下面是一個模式的例子,我將使用,但只有普通模式沒有PHP代碼。

<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-md" data-toggle="modal" data-target="#myModal"> 
    Launch demo modal 
</button> 

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 
+0

您可以使用數據 - *屬性來存儲所需的任何信息,您可能需要,例如,你的元素ID。然後,您可以將點擊事件綁定到您的按鈕以手動顯示您的模式框,並使用Ajax請求來檢索整個html以顯示編輯表單。或者您可以將所有邏輯附加到引導模式框上的「顯示」事件。例如:$('#myModal')。on('show.bs.modal',function(e){alert('modal shown') })' – Muriano

+0

你的問題應該更具體一些! –

回答

0

您更好地使用AJAX這種情況

您需要的步驟如下:1。 發送的參數ID與阿賈克斯的數據。 2.選擇數據與查詢返回與JSON文件,你在ajax網址提到。 3.最後一個,顯示您所做的JSON數據的模態。

這是基本的關於Ajax http://www.w3schools.com/jquery/ajax_ajax.asp