Question

I have got the input field and some form, and I want add information from input field to data that sending in form. Is it possible if input field situated outside the form?

So the question: is it posible to get data from first form and append it to data in second form?

There are my forms:

<form name="phoneForm">
    Mobile phone: <input type="text" name="phone"><br>
</form>

<form name="submitForm" method="POST" action="buy">
    <a href="javascript:;" onclick="parentNode.submit();"><%=j%></a>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_HALL%>" value="<%=hallId%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_SEANCE%>" value="<%=seanceId%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_ROW%>" value="<%=i%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_PLACE%>" value="<%=j%>"/>
</form>

Answer 1

You need to add an extra hidden field in the submitForm. Copy the value of phoneForm.phone into that hidden field just before submitting the form.

<script>
function handleSubmit() {
    document.forms.submitForm.phone.value = document.forms.phoneForm.phone.value;
    document.forms.submitForm.submit();
}
</script>

<form name="phoneForm">
    Mobile phone: <input type="text" name="phone"><br>
</form>

<form name="submitForm" method="POST" action="buy">
    <a href="javascript:;" onclick="handleSubmit()"><%=j%></a>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_HALL%>" value="<%=hallId%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_SEANCE%>" value="<%=seanceId%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_ROW%>" value="<%=i%>"/>
    <input type="hidden" name="<%=Consts.HTTP_REQUEST_PLACE%>" value="<%=j%>"/>

    <input type="hidden" name="phone" />
</form>