Question

我在一个页面上有3种不同的形式，用户可以在其中使用JS进行切换。这些表单代表不同的信息，并且一次只能基于用户选择的表单将用户重定向到另一个页面的时间提交。问题是我有2个输入字段，这些字段对于这些表单是通用的，因此它们不在表单之外。如果设置了：

，我可以将它们与表单一起提交

<input id="default" form="form1">

值。

因此，我认为在每个脚本中添加一个函数以隐藏/显示表单，并将该参数更改为我想要提交的表单也很简单，但这似乎不起作用。

function form2Search() {
        $('#form2Section').show();
        var input1 = document.getElementById('default');
        input1.form = "form2";
    }

我有类似的东西，但它不会更改form参数。

Answer 1

您实际上需要给输入一个ID default，以便您可以定位它：

<input form="form1" id="default">

Answer 2

使用setAttribute

function form2Search() {
        $('#form2Section').show();
        var input1 = document.getElementById('default');
        input1.setAttribute("form", "form2");
        console.log(input1.getAttribute("form"))
    }
    
    form2Search();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="default" form="form1">

根据表单选择更改表单参数

2 个答案: