我有一个包含两个表的页面:客户和车站。一个 sql 查询用数据填充这些表。我在表格的每一行上定义了一个按钮来打开一个模态编辑表单。对于客户:<table id = "admin_table_customers" class="table rtl table-sm table-dark table-hover"> <tr> <th>customer_id</th> <th>name</th> <th> </th> <th> </th> </tr> <?php foreach($query_customers as $customer) { ?> <tr> <td><?php echo h($customer['CUSTOMER_ID']) ?></td> <td><?php echo h($customer['CUSTOMER_NAME']) ?></td> <td><button type="button" id="button_edit_customer" class="btn btn-primary feed-id" data-toggle="modal" data-target="#edit_customer" data-id="<?php echo h(u($customer['CUSTOMER_ID'])) ?>">edit</button></td> <td><button type="button" id="button_delete_customer" class="btn btn-primary feed-id" data-toggle="modal" data-target="#delete_customer" data-id="<?php echo h(u($customer['CUSTOMER_ID'])) ?>">delete</button></td> </tr> <?php } ?></table>当我在 chrome 中检查源时,一切(id 和 data-id)看起来都很好。我使用这个脚本来检查是否将正确的值传递给模态表单。$(document).ready(function () { $("#button_edit_station").click(function(evt){ alert($(this).attr("id")); alert($(this).data('id')); }); $("#button_edit_customer").click(function(evt){ alert($(this).attr("id")); alert($(this).data('id')); });});第一个问题:每个表第一行的按钮显示正确的值,但其他按钮不显示对话框。我想将每个表的 ID 传递给模态表单并执行查询来填充表单。我想我可以设法将 ID 传递给模态,但是我应该如何以及何时执行查询来填写表单?这是我的表格:<div id="edit_customer" class="modal fade" role="dialog" data-backdrop="static"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header rtl"> <h4 class="modal-title">edit customer</h4> </div> <div class="modal-body rtl"> <form id = "admin_form_edit_customer" action = "" method = "post"> <div class="md-form mb-5"> <input type="text" id = "form_edit_customer_id" class="form-control validate"> <label data-error="wrong" data-success="right" for="form_edit_customer_id">customer_id</label> </div> </div> </div> </div></div>
添加回答
举报
0/150
提交
取消