Как отправить форму без идентификатора формы и идентификатора отправки, но с известным скрытым значением?

Question

Я сталкиваюсь с ситуацией, когда на странице больше форм, которые выглядят так (скрытый идентификатор отличается в каждой форме):

<form method="post">
<input type="hidden" name="hiddenId" value="111222">
<input type="submit" value="Proceed">
</form>

<form method="post">
<input type="hidden" name="hiddenId" value="111333">
<input type="submit" value="Proceed">
</form>

Как отправить с помощью javascript (я не против использования jQuery) специальную форму, которая включает hiddenId желаемого значения? Спасибо за вашу помощь!

Answer 1

Что-то вроде этого должно помочь вам начать:

var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].type === "hidden" && inputs[i].value === "111333") {
        inputs[i].form.submit();
    } 
}

Если вы можете использовать jQuery:

$("input[type='hidden'][value='something']").closest("form").submit();

Answer 2

document.forms - это массив. document.forms[0] является первым.

Элементы работают одинаково:

document.forms[0].elements[0].value и т. Д.

Вы можете перейти к циклу, пока не получите значение, а затем отправить текущую форму:

document.forms[x].submit()

Answer 3

Получите доступ ко всем формам, используя var allForms = document.forms;

, проходя через них по мере необходимости для доступа к входам

Answer 4

Вы можете использовать document.querySelector или одну из различных библиотек JavaScript, которые эмулируют его в старых браузерах, чтобы найти скрытый элемент ввода, а затем использовать его свойство form для доступа к форме и вызова submit метод.

Answer 5

Вы можете добавить идентификатор в форму и отправить кнопку:

<form method="post" id="form1">
<input type="hidden" name="hiddenId" value="111222">
<input type="submit" value="Proceed" id="submit1">
</form>

<form method="post" id="form2">
<input type="hidden" name="hiddenId" value="111333">
<input type="submit" value="Proceed" id="submit2">
</form>

Затем используйте jQuery для отправки формы:

$("#submit1").click(function() {
    form1.submit();
}
$("#submit2").click(function() {
    form2.submit();
}