Изменить параметр формы на основе выбора формы

Question

У меня есть 3 разных формы на одной странице, где пользователь может переключаться между ними, используя JS. Формы представляют различную информацию, и только одна может быть отправлена ​​в то время, когда пользователь затем перенаправляется на другую страницу в зависимости от выбранной формы. Проблема в том, что у меня есть 2 поля ввода, общих для этих форм, поэтому они находятся за пределами форм. Я могу отправить их вместе с формой, если я установлю значение:

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

.

Итак, я решил, что было бы просто добавить функцию в каждый скрипт, где я скрыть / показать формы, чтобы также изменить этот параметр на форму, которую я хочу отправить, но, похоже, это не работает.

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

У меня есть что-то вроде этого, но это не меняет параметр формы.

Answer 1

Вам действительно нужно дать вашему вводу идентификатор 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">

---