我從MySQL查詢中抓取數據,現在正試圖在我的模式中的<input>
字段中顯示它,讓JS把它放在那裏,但無論什麼原因,我無法切換變量進入模態。我坦率地說沒有Javascript的線索,因此懷疑是一個問題。PHP + JS Modal - 以模態顯示值
PHP生成的HTML按鈕:
<td><button type=\"button\" class=\"btn btn-block btn-primary btn-xs\" data-toggle=\"modal\" data-target=\"#edit\" data-id=\"$id\" data-date=\"$date\">Edit</button></td>
模態:
<!-- Modal -->
<div class="modal fade" id="edit" 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">×</span></button>
<h4 class="modal-title" id="myModalLabel">Edit Details</h4>
</div>
<div class="modal-body">
<table class="table">
<tr>
<?php
echo "
<td>ID No.: </td><input name=\"dataID\" value=\"\" /></td>
<td>Date: </td><input name=\"dataDate\" value=\"\" /></td>";
?>
</tr>
</table>
</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>
<!-- /.Modal -->
的Javascript:
<script>
$('#edit').on('show.bs.modal', function(e) {
var dataID = $(e.relatedTarget).data('id');
$(e.currentTarget).find('input[name="dataID"]').val(dataID);
var dataDate = $(e.relatedTarget).data('date');
$(e.currentTarget).find('input[name="dataDate"]').val(dataDate);
});
</script>
非常感謝
你爲什麼不直接將數據放入模態的身體? – madalinivascu
,因爲我有數百個條目,每個條目都帶有各自的編輯按鈕,然後應該載入我的模式。如果我不做JS解決方案,我不能將正確的$ id/$ date變量切換到輸入字段,而是始終只返回最後一個條目的變量。 – Armitage2k