Как запросить и тут же вывести переменную?

Question

[Антон Дьяков]

Добрый день, как реализовать следующее:
Человек вводит в поле договора свое наименование ООО "Ромашка" и это наименование выводиться в приложении к договору и тд
Ввод производиться через input . То есть нужно получить переменную и тут же ее вывести без перезагрузки страницы

Comments

[FanatPHP]

На будущее, чтобы не путать РНР и яваскрипт: phpfaq.ru/newbie/na_tanke

[Алексей Ярков]

FanatPHP, это восхитительно

Answer 1

[Антон]

$(document).on('keyup', 'input', function(){
	var text = $(this).val();
        $('.res').text(text);
});

Comments

[Антон Дьяков]

Хмм и как это использовать )

[Антон]

Антон Дьяков, Понятия не имею. Какая постановка вопроса, такой и ответ, вы же деталей не дали.
В моем понимании, у вас заготовлен блок для печати, куда подставляются данные из инпутов, чтобы в конечном итоге отправить отведенный для печати блок непосредственно на лист.

Если моя догадка верна, тогда и используйте так, а именно - слушаете заполнение поля инпут и дублируете полученные с него значения в соответствующее место на отведенном под документ блоке.

[Антон Дьяков]

Антон, все верно поняли. Есть договор и приложение, человек ввел данные один раз все в нужные поля подставилось и на печать"и дублируете полученные с него значения в соответствующее место" - как это сделать?

[Антон]

Антон Дьяков, $('.res').text(text);
Где .res - селектор в которой будет добавлено значение с инпута.
https://jsfiddle.net/0x36cqe5/

[Антон Дьяков]

Антон, именно так я и делал, не работает, не понимаю в чем причина

[Антон Дьяков]

Антон, Добавил скрипт

<script>
		$(document).on('keyup', 'input', function(){
			var text = $(this).val();
				$('.res').text(text);
		});
	</script>

<input type="text"> - для ввода текста
<span class="res"></span> - для вывода и не работает
тут работает https://jsfiddle.net/napLduh7/1/

[Антон]

Антон Дьяков, У вас свои селекторы, наверняка, своя структура, может и jquery не подключен. Вообщем, пока не увижу ту страницу, на которой вы это делаете, ничего посоветовать более не могу.

[Антон Дьяков]

Антон, скрипт выдает ошибку "ReferenceError: "x" is not defined"
Вот ссылка со страничкой и скриптом https://yadi.sk/d/E8ftdbuUcTsJxg

[Антон Дьяков]

Антон, извиняюсь вот правильный архив https://yadi.sk/d/zsxL8gzyXEFoIQ

[Антон]

Антон Дьяков, Нет, извините, я не буду смотреть архив и другие скачиваемые элементы.

[Антон Дьяков]

Антон, скрипт выдает ошибку "ReferenceError: "x" is not defined"
Вот ссылка со страничкой и скриптом https://yadi.sk/d/2Q3HKfxP9W1Gcg@Eridani,
Все понял, разобрался. Просто не была подключена библиотека jquery, вот я а ...
Спасибо за помощь, все заработало!

[Антон Дьяков]

Антон, Антон я извиняюсь надоел наверное уже, а как быть с разными input данных вводить много а input один

[Антон]

Антон Дьяков, Каждому дать уникальный идентификатор, класс, дата атрибут, добавить атрибут, к какому именно блоку относится инпут, масса вариантов

<input type="text" name="name">
<input type="text" name="phone">
<input type="text" name="address">
<div data-block="name">Имя <span></span></div>
<div data-block="phone">Телефон <span></span></div>
<div data-block="address">Адрес <span></span></div>

$(document).on('keyup', 'input' ,function(){
	var text = $(this).val();
  var inputName = $(this).attr('name');
  
  $('[data-block="'+ inputName +'"] span').text(text);
})

[Антон Дьяков]

Антон, спасибо, делаю так :

$(document).on('keyup', 'input.input1', function(){
  var text = $(this).val();
        $('.res1').text(text);
});
$(document).on('keyup', 'input.input2', function(){
  var text = $(this).val();
        $('.res2').text(text);
});

Answer 2

[tltary]

используй js
при вводе подставляй значение из input
а при сохранении забирай все данные и на бэке сохраняй как надо

Answer 3

[Николай Шабалин]

Если правильно понял, то вот так