我正在显示通过数据库循环填充的表格数据。
我知道我可以以通常的方式编辑/删除等,其中
<a href="edit_record.php?id=' . $row['abstract_id'] . '">Edit Record</a>
但我真的很想使用 jquery 的模态消息功能来做到这一点。
但是,我似乎无法弄清楚如何向模态消息窗口/div 指示数据库中的正确记录号(而在 php 中,我只是使用打印函数。
是否可以设置一个 onClick 事件,将变量 ($id) 设置为等于 $row['abstract_id'] 数字是多少?
这个想法是,当我单击编辑按钮时,我可以将 php 放入div 中,它会调用正确的记录。
为清楚起见,编辑:我不想实际编辑它,而是提取摘要的文本,这些文本太大而无法容纳表格格式(但是摘要太多,无法为每个提交提供自己的页面)。
这里的关键是我如何将记录 ID 从数据库/php 端传递到 javascript 端,即使它正在设置/重置某些变量。我想过使用 .load(read_abstract.php),但后来意识到我不认为 .load(read_abstract.php?id=' . $row['abstract_id']') 会起作用 - 并且不知道 JS 等价物是什么(或者它是否存在)。
您可以将 id 移动到 HTML 标记中的数据属性中:
echo '<span class="edit-button" data-abstract-id="'.$row['abstract_id'].'">edit</span>'
然后在模态中,您将能够引用它:
jQuery('.edit-button').click(function() {
id = jQuery(this).attr('data-abstract-id');
});