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

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，您可以在控制器端进行处理。