Question

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

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

问题是这不会从DOM中删除它们，因此任何隐藏字段都会在方形空间电子邮件中提交。

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

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

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

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

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();
     });
};

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

1 个答案: