общее поле ввода для двух форм

[conormcgregor]

Привет всем.
Вроде не трудный вопрос, но нагуглить не смог

Есть 2 формы, как объединить их input text? Чтобы было 1 общее поле ввода для двух форм

<button id="button1" title="" onclick="
setTimeout('x1.submit()', 	100	);
setTimeout('x2.submit()', 	100	);

"> Выполнить</button>


<form method="post" action="http://....." name="x1" target="y1">
<input type="hidden" name=one>
<input type="hidden" name=two>
<input type="hidden" name=three>
<input type="text" name="action"  value="">
</form>

<form method="post" action="http://....." name="x2" target="y1">
<input type="hidden" name=one>
<input type="hidden" name=two>
<input type="hidden" name=three>
<input type="text" name="action"  value="">
</form>

[Malleys]

Есть 2 формы, как объединить их input text? Чтобы было 1 общее поле ввода для двух форм

Заведите ещё одну форму (которая никуда не будет оправляться), в которой будет вводиться значение, которое будет подставляться в другие формы. А в других формах замените type="text" на type="hidden"

[conormcgregor]

Заведите ещё одну форму (которая никуда не будет оправляться), в которой будет вводиться значение, которое будет подставляться в другие формы. А в других формах замените type="text" на type="hidden"

а как подставить?

[Malleys]

а как подставить?

Например так...

<form id="fake-form" onsubmit="
	setTimeout('x1.submit()', 100);
	setTimeout('x2.submit()', 100);
	return false;
">
	<input type="text" name="action" value="" oninput="">
	<button id="button1">Выполнить</button>
	<script>
		document.getElementById("fake-form").addEventListener("input", event => {
			for(const input of document.querySelectorAll(`form [name="${event.target.name}"]`)) {
				input.value = event.target.value;
			}
		});
	</script>
</form>

<form method="post" action="http://....." name="x1" target="y1">
	<input type="hidden" name=one>
	<input type="hidden" name=two>
	<input type="hidden" name=three>
	<input type="hidden" name="action" value="">
</form>

<form method="hidden" action="http://....." name="x2" target="y1">
	<input type="hidden" name=one>
	<input type="hidden" name=two>
	<input type="hidden" name=three>
	<input type="hidden" name="action" value="">
</form>

[ksa]

document.getElementById("fake-form").addEventListener("input", event => {...});

Формы скорее всего нужны для отправки данных... Т.ч. вполне может подойти событие submit...