Question

我无法在表单中选择正确的按钮。例如，我有两个项目，我想删除右侧的项目，当我点击删除它总是删除左侧的那个; 我很害羞这个关键字不是正确的

Index.ejs

     <% service.forEach(function (myService) { %>
<form method="post" action="/service/<%= myService._id %>?_method=DELETE" name="del_form">
<button type="submit" class="btn btn-danger btn-del" name="del_btn"></button>
</form>

的script.js

let delServiceBtn = $('button[name=del_btn]');
let delServiceForm = $('form[name=del_form]');

delServiceBtn.on('click', function (e) {
   e.preventDefault();
    if(confirm('Confirm delete')){
        delServiceForm.submit();
    }
});

Answer 1

将click属性添加到<button>标记中，

<button type="submit" class="btn btn-danger btn-del" name="del_btn" onClick="delService(this);"></button>

并编写一个新的javascript函数delService as，

function delService(buttonObj) {
   if(confirm('Confirm delete')){
     var btn = document.getElementsByName(buttonObj.name);
     btn.submit();
   }
}

希望这有帮助！

使用此关键字访问正确的按钮

1 个答案: