[英]Passing php variable to modal twitter bootstrap not working
嗨,我正在將php變量傳遞給twitter boostrap modal。 但單擊模式內的鏈接時,我無法獲得正確的ID。 請參見下面的代碼。 首先,我創建了一個foreach函數,其中有數據循環,其次,我創建了一個鏈接,以顯示模式3rd,我在模式內部有動作鏈接,用戶可以在其中更新,刪除數據。 我已經實現的是,我可以將php的變量傳遞給模式操作,但是當我嘗試傳遞給其他行時,它仍然顯示相同的id。
<table class="table table-condensed table-bordered table-striped volumes">
<thead>
<tr>
<th>ID</th>
<th>Director</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<?php
foreach ($natcco_members as $nattco) {
$id = $nattco['id'];
echo "<tr>
<td>".++$counter."</td>
<td>".$nattco['director']."</td>
<td><a href='#' class='b'>".$nattco['agent_name']."</a></td>
<td>".$nattco['address']."</td>
</td>";
?>
<!-- Modal HTML -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Choose your actions!</h4>
</div>
<div class="modal-body" align="center">
<a href='update_sub_agent.php?id=<?php echo urlencode(htmlspecialchars($id)) ?>' class='btn btn-success'><i class='icon-pencil'></i> Edit</a>
<a href='owner.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-info'><i class='icon-user'></i> Owner</a>
<a href='fla.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-warning'><i class='icon-list-alt'></i> FLA</a>
<a href='delete.php?id=".urlencode(htmlspecialchars($id))."' class='btn btn-danger'><i class='icon-remove'></i> Delete</a>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<?php "</tr>";
}
}
?>
</tbody>
</table>
我已經對您的代碼進行了一些編輯,讓我們從您首先要做的事情開始:
<td>".$nattco['address']."</td> </td>";
必須是</tr>
而不是</td>
。
您只需要一個模式框。 我們將通過jQuery傳遞id
。 因此,在表末尾僅創建1個靜態模式框。
現在您需要做的事情:
1)利用這個$id = $nattco['id'];
作為您的<tr id>
因此它將是:
$id = $nattco['id'];
echo "<tr id='".urlencode(htmlspecialchars($id))."'> #...rest of your code
2)在模式框中為您的按鈕提供一個類:
<a href='update_sub_agent.php' class='btn btn-success edit'><i class='icon-pencil'></i> Edit</a>
<!-- ^edit class added -->
<a href='owner.php' class='btn btn-info owner'><i class='icon-user'></i> Owner</a>
<!-- ^owner class added -->
<a href='fla.php' class='btn btn-warning fla'><i class='icon-list-alt'></i> FLA</a>
<!-- ^fla class added -->
<a href='delete.php' class='btn btn-danger delete'><i class='icon-remove'></i> Delete</a>
<!-- ^delete class added -->
3) class to your
`標簽中添加href
和class to your
:
`<td><a href='#myModal' class='b modal-box'>".$nattco['agent_name']."</a></td>`
最后,jQuery位:
$('a.modal-box').click(function(e){
id=$(this).closest('tr').attr('id');
$('.modal-body .edit').attr('href','update_sub_agent.php?id='+id+'');
$('.modal-body .owner').attr('href','owner.php.php?id='+id+'');
$('.modal-body .fla').attr('href','fla.php?id='+id+'');
$('.modal-body .delete').attr('href','delete.php?id='+id+'');
});
就這樣。 這樣可以最大程度地減少您的代碼,以便在動態傳遞所單擊行的id
時不會重復使用模式框。
您可以在此處查看演示:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.