How do I submit a form with no form ID and no submit ID, but known hidden value?

Question

the situation I'm struggling with is that there are more forms on the page that looks like this (the hiddenId is different in each form):

<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>

How do I submit with javascript (I don't mind using jQuery) a specific form that includes hiddenId of a wished value? Thank you for your help!

Answer 1

Something along these lines should get you started:

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

If you can use jQuery:

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

Answer 2

document.forms is an array. document.forms[0] is the first one.

Elements work the same way:

document.forms[0].elements[0].value etc.

You can loop through until you have the value then submit the current form:

document.forms[x].submit()

Answer 3

Access all of the forms using var allForms = document.forms;

loop through them as needed to access inputs

Answer 4

您可以使用document.querySelector或在旧浏览器上模拟它的各种JavaScript库之一来查找隐藏的输入元素，然后使用其form属性来访问表单并调用submit方法。

Answer 5

You can add an id to the form and submit button:

<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>

Then use jQuery to submit the form:

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