Bootstrap模態和傳遞值

-4

當我點擊編輯時，'id'應該傳遞到自己的頁面，模態應該彈出。但它不起作用。請幫我Bootstrap模態和傳遞值

PHP和Bootstrap

<tr>   
    <td><?php echo $row['name']; ?></td> 
    <td><a data-toggle="modal" data-target="#myModal" href='?id=<?php echo $row['id']; ?>'>Edit</a> </td>   
</tr>

莫代爾

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
     ------ 
     ----- 
     ----- 
    </div> 
</div>

來源

2015-12-18 Nishakar

'HREF =「ID =

您需要javascript才能切換模式。http://getbootstrap.com/javascript/#modals - 也不要混合使用PHP和HTML代碼更好地創建模板並通過PHP加載它們 – messerbill

另外''id'意味着一個GET方法，所以我們不知道你是如何獲取這個數組的。 –

在<a></a>標籤創建一個類Edit。使用這個類來調用模態。而且，加data-Id="<?echo $row['id'];?>"

<tr>   
    <td><?php echo $row['name']; ?></td> 
    <td> 
     <a class='Edit' data-toggle="modal" href="#form_modal" data-target="#myModal" data-Id="<?php echo $row['id'];?>">Edit</a> 
    </td>   
</tr>

將此代碼放在頁腳

<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-content"> 

     </div> 
    </div> 
</div>

<script> 
$('.Edit').click(function(){ 
    var Id=$(this).attr('data-Id'); 
    $.ajax({url:"SomePage.php?Id="+Id,cache:false,success:function(result){ 
     $(".modal-content").html(result); 
    }}); 
}); 
</script>

創建somepage.php（如果你想改變這個頁面名稱。也改變<script></script> OTH相關）

SomePage.php

<?php 
$Id=$_GET['Id']; 
?> 

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
    <h4 class="modal-title" id="fam_id"></h4> 
</div> 
<div class="modal-body"> 
    <?php echo $Id;?> 
</div> 
<div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
</div>

欲瞭解更多信息，請點擊Show data based of selected id on modal popup

來源

2015-12-18 16:55:30

謝謝你。但模型彈出窗口。那麼，我如何將價值傳遞給現有的窗口？例如，有一個名爲「Name」的字段和編輯按鈕。如果我按編輯按鈕，我需要將該名稱作爲可編輯格式。所以我應該通過可以從數據庫中取名的id。 – Nishakar

Yess。 'Id'通過''傳遞。使用'$ Id'從數據庫表中獲取名稱。將名稱放入可編輯格式。 @Nishakar –

並且，請讓我知道那裏發生了什麼@Nishakar –

Bootstrap模態和傳遞值

回答

相關問題