将值从一个按钮发送到另一个按钮 express-handlebars？

Question

我在 table 上显示一些动态值。在 table 中，每一行都有一个删除按钮（假设按钮 A）。如果单击删除按钮（ Button A ）打开一个模式来确认删除并且有确认按钮（ Button B ）。通过确认按钮，我正在调用 api 以删除具有实体 ID 的实体。

现在我在按钮 A 上有了 ID，我正在从按钮 B 发送请求。如何将 ID 从按钮 A 发送到按钮 B。

按钮 A：

<td>
    <button data-toggle="modal" value =  {{this.id}} data-target="#myModal">
        <i class="fa fa-trash-o" aria-hidden="true"></i>
    </button>
</td>

带有按钮 B 的模式：

<div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">Confirm Delete</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-header">
                            Are you sure you want to delete the entry?
                        </div>
                        <div class="modal-footer">
                            <a href="/admin/dashbord/category/[id will be here ]/delete" class="btn btn-danger">yes</a>
                        </div>
                    </div>

                </div>
            </div>

我给了按钮 B 的 {{this.id}} on the url 但它总是删除 top or last 元素 ?

Answer 1

向按钮添加 class（示例 .delete），

<button data-toggle="modal" value ={{this.id}} class="delete" data-target="#myModal">
        <i class="fa fa-trash-o" aria-hidden="true">delete</i>
    </button>

然后在确认中添加一个 class link（例如 .yes）：

<a href="/admin/dashbord/category/[id will be here ]/delete" class="btn btn-danger yes">yes</a>

然后在按钮上获取 onclick 事件并获取按钮的值并将其插入 href 属性中:

$(document).on("click", ".delete", function () {
     var value = $(this).val();
  console.log("value : ", $(this).val())

   $(".modal-dialog .yes").attr("href","/admin/dashbord/category/"+value+"/delete");
});

看到这个codepen

将值从一个按钮发送到另一个按钮 express-handlebars？

Send value from one button to another button express-handlebars?

node.js

express

express-handlebars