我有一个创建表的php脚本,表中的每个id都有一个编辑按钮。编辑按钮如下所示。
<button data-siteid="'.$row->site_sn_id.'" class="btn btn-link p-0 m-0" style="font-size:.7rem" id="editBtn" type="button" >Edit</button>
按钮的数量各不相同,但是我试图将数据站点ID传递给这样的ajax调用。
$("#editBtn").on("click", function(){
var siteID = $(this).data('siteid');
$.ajax({
method: "POST",
url: "edit-modal.php",
data: {siteID: siteID}
})
.done(function( msg ) {
$('#editModal').modal('show');
$("#bodyContent").html(msg);
});
});
它在表格的第一个编辑按钮上起作用,但在第一个按钮之后不执行任何操作。它甚至不会打开模式。
原因是因为ID在您的HTML页面上应该是唯一的,并且看起来您正在定义具有相同ID的多个元素。
因此,尝试添加和使用类选择器:
<button class="... editBtn" ...
$(".editBtn").on("click", function() {
...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句