jquery - 在提交之前使用 jQuery 从 DOM 中删除选择字段值？

Question

我有一个我正在处理的方形空间表单，它使用 jQuery 来显示/隐藏某些字段以允许使用 show() 的自定义表单；和隐藏()；

$(".option2 select").hide();

问题是这不会将它们从 DOM 中删除，因此任何隐藏字段仍然会在 squarespace 电子邮件中提交。

$(".option2 select").remove();

这是唯一一个成功从 DOM 中删除选择并阻止它被包含在表单提交中的函数，但由于它是不可逆的，它会破坏表单。

有没有办法使用 remove();在某些元素上，就像按下提交按钮一样，在实际提交表单之前将它们从 DOM 中永久删除？

编辑:我应该澄清一下，因为这是在 Squarespace 中完成的，所以使用 onSubmit 很棘手，因为已经有其他事情在进行。我正在寻找不涉及以任何方式编辑表单的任何 HTML 的纯 jQuery 解决方案。

Answer 1

您首先可以通过这样做来防止提交默认操作 然后删除你想要的字段。 然后提交您的表格。

$(document).ready(function(){
     $('#id_of_form').submit(function(e){
         e.preventDefault();
         $('.the_option_i_want_to_remove').remove();
         // if you want to submit your form after removing your fields
         $(this).submit();
     });
};