Как сделать отображение в реальном времени: текста из поля, в другом поле?

@smit1987 · Регистрация: 09.11.2012

Студворк — интернет-сервис помощи студентам

Нужно сделать простую штуку:
1. Обычное поле для ввода текста.
2. Поле для отображения в реальном времени, того что сейчас печатаешь в первом поле.
И нужно несколько таких связок.

Вот пример: http://snippetoptimizer.net/

Как это делается?

@pav1uxa · 04.10.2016, 15:20

Сообщение от smit1987

Как это делается?

Это делается на JavaScript. К PHP отношения не имеет.

@rikitikitari · 04.10.2016, 17:30

Все это элементарно делается при помощи angular.js

@tarasalk · 04.10.2016, 18:18

Сообщение от rikitikitari

Все это элементарно делается при помощи angular.js

jquery уж тогда. Ангуляр как-то тяжеловато)

@j2FunOnly · 05.10.2016, 09:25

smit1987, как пример вам:

HTML5
1
2
3
<div class="input">
  <input type="text" name="text1"><span></span>
</div>

JavaScript
1
2
3
document.querySelector("input[name='text1']").onkeyup = function () {
  this.nextSibling.textContent = this.value;
}

https://jsfiddle.net/e8rxp3w7/

@mrtoxas · 05.10.2016, 09:54

j2FunOnly, наверное, лучше на oninput повесить, так еще и вставка с буфера сработает

@j2FunOnly · 05.10.2016, 10:09

Ну раз пошла такая пьянка и рассматривать надо все возможные варианты, то smit1987, читайте до просветления

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@smit1987 7 / 9 / 0 Регистрация: 09.11.2012 Сообщений: 408

	Как сделать отображение в реальном времени: текста из поля, в другом поле? 04.10.2016, 15:11. Показов 1199. Ответов 6 Метки нет (Все метки) Нужно сделать простую штуку: 1. Обычное поле для ввода текста. 2. Поле для отображения в реальном времени, того что сейчас печатаешь в первом поле. И нужно несколько таких связок. Вот пример: http://snippetoptimizer.net/ Как это делается? 0

@rikitikitari 87 / 87 / 41 Регистрация: 09.05.2015 Сообщений: 315
	04.10.2016, 17:30
	Все это элементарно делается при помощи angular.js 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	05.10.2016, 09:54
	j2FunOnly, наверное, лучше на oninput повесить, так еще и вставка с буфера сработает 1

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	05.10.2016, 10:09
	Ну раз пошла такая пьянка и рассматривать надо все возможные варианты, то smit1987, читайте до просветления 0