使用输入销毁确认弹出窗口

Question

有什么简单的方法可以传参销毁确认按钮吗？

我不想只显示“你确定吗？”带有确定/取消按钮的消息。我想传递一些参数，这些参数将保存为已删除对象的注释。

我想得到类似图片的结果：

Answer 1

1 => 假设你有一个删除对象的链接

<%= link_to 'Delete', 'javascript:;',id: "#{obj.id}", class: 'delete_object_by_audit_cmt'%>

2 => 点击删除链接打开带有注释字段的模型。并传递将被删除的对象的 id。

<script>
  $('.delete_object_by_audit_cmt').on('click', function{
    var id_of_obj = $(this).attr('id');
    $('#deleted_obj_val').val(id_of_obj); // set hidden field id value
    $('#modal_id').show();
  });
</script>

3 => 使用表单字段创建模型（仅观看步骤，您应该将其包装到带有模态 ID 的引导模态）

<div id="modal">
  <p>Are you sure want to delete ... your custom message</p>
  <%= form_tag delete_object_path%>
    <%=text_field_tag :audit_comment%>
    <%= hidden_field_tag :id, "", id: 'deleted_obj_val'%>
    <%= submit_tag :"Yes delete"%>
    <%= link_to 'Cancel', cancel_path%>
  <%end%>
</div>

总结：- 1）在删除链接上点击打开一个模式

2) 将该模态的 id 的隐藏字段值设置为已删除的对象值。

3) 点击是删除它会提交审计消息以及对象的 id，你可以在控制器端处理它。