Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.01.2020, 16:57
Новичок на форуме
Отправить личное сообщение для conormcgregor Посмотреть профиль Найти все сообщения от conormcgregor
 
Регистрация: 21.01.2020
Сообщений: 3

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

Есть 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>
Ответить с цитированием
  #2 (permalink)  
Старый 21.01.2020, 17:19
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,525

Сообщение от conormcgregor
Есть 2 формы, как объединить их input text? Чтобы было 1 общее поле ввода для двух форм
Заведите ещё одну форму (которая никуда не будет оправляться), в которой будет вводиться значение, которое будет подставляться в другие формы. А в других формах замените type="text" на type="hidden"
Ответить с цитированием
  #3 (permalink)  
Старый 21.01.2020, 17:59
Новичок на форуме
Отправить личное сообщение для conormcgregor Посмотреть профиль Найти все сообщения от conormcgregor
 
Регистрация: 21.01.2020
Сообщений: 3

Сообщение от Malleys Посмотреть сообщение
Заведите ещё одну форму (которая никуда не будет оправляться), в которой будет вводиться значение, которое будет подставляться в другие формы. А в других формах замените type="text" на type="hidden"
а как подставить?
Ответить с цитированием
  #4 (permalink)  
Старый 21.01.2020, 18:24
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,525

Сообщение от conormcgregor
а как подставить?
Например так...
<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>

Последний раз редактировалось Malleys, 21.01.2020 в 20:11.
Ответить с цитированием
  #5 (permalink)  
Старый 22.01.2020, 07:29
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,738

Сообщение от Malleys
document.getElementById("fake-form").addEventListener("input", event => {...});
Формы скорее всего нужны для отправки данных... Т.ч. вполне может подойти событие submit...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка данных из двух форм на один url Sanu0074 jQuery 1 04.08.2015 18:12
Получить координаты курсора в текстовом поле в пикселях prike Events/DOM/Window 4 23.05.2013 04:35
Числа в поле для вычисления sergey-16a1 Javascript под браузер 5 19.08.2010 17:29
Форма для ввода текста с расширенными функциями 0x22b Элементы интерфейса 0 01.09.2008 10:38
трабл с перехватом некоторых символов в поле ввода barbiturat Events/DOM/Window 5 28.08.2008 14:32