Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.05.2014, 19:54
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Дублирование значений INPUT
Добрый день!

Сразу перейду к сути проблемы, хотя скорее задачи, а именно. Требуется реализовать дублирование значений 2х Input'ов. К примеру при вводе текста в Input-1 он автоматический появлялся в Input-2. Но также должен появляться в случае, если Input-1 имеет заполненное значение value="Текст", при загрузке страницы этот текст должно отобразить в Input-2. Уже несколько дней голову ломаю, обшарил все что можно. Помогите пожалуйста реализовать.

Нашел что то похожее:

<input name="input" value="" onKeyUp="javascript:document.getElementById('input_2').value = this.value;">
<input id="input_2" name="input_2" value="">


Но отображает текст лишь при вводе в первый Input, а также не заполняет второй Input, если первый имеет заполненное значение value. Требуется что то вроде зеркалирования, одного поля с другим.

Последний раз редактировалось IG-M, 11.05.2014 в 01:09.
Ответить с цитированием
  #2 (permalink)  
Старый 09.05.2014, 21:46
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Нашел такое решение:

<input id="log" value="текст" onkeyup="duble.value = this.value" type="text">
<input id="duble" onkeyup="log.value = this.value" type="text">


Помогите сделать, чтобы из заполненного value="текст" первого Input'a подгружало во второй Input.

Последний раз редактировалось IG-M, 11.05.2014 в 01:10.
Ответить с цитированием
  #3 (permalink)  
Старый 10.05.2014, 15:34
Профессор
Отправить личное сообщение для Veterinar Посмотреть профиль Найти все сообщения от Veterinar
 
Регистрация: 27.12.2013
Сообщений: 167

$(document).ready(function() { 
$('#duble').val($('#log').val());
}
Ответить с цитированием
  #4 (permalink)  
Старый 10.05.2014, 22:14
Интересующийся
Отправить личное сообщение для IG-M Посмотреть профиль Найти все сообщения от IG-M
 
Регистрация: 09.05.2014
Сообщений: 13

Сообщение от Veterinar Посмотреть сообщение
$(document).ready(function() { 
$('#duble').val($('#log').val());
}
Спасибо! Тоже уже решение нашел

Последний раз редактировалось IG-M, 11.05.2014 в 01:10.
Ответить с цитированием
  #5 (permalink)  
Старый 17.08.2017, 13:22
Аспирант
Отправить личное сообщение для rdPavel Посмотреть профиль Найти все сообщения от rdPavel
 
Регистрация: 02.08.2017
Сообщений: 33

Veterinar,

А как двумя сделать?
Подскажите пожалуйста...

function CopySelect() {
var value = document.getElementById('cp_id_387').value;
var elements = document.getElementsByName('post_title');
for(var i in elements)
elements[i].value = value; }


Код копирует данные Select "cp_id_387" в Input "post_title"

Дело в том что есть еще один Select "cp_id_928" как можно реализовать последовательно копирования

Т.е. в Input "post_title" копируется "cp_id_387" через пробел "cp_id_928"

По сути картинка такая:
Марка авто: Тойота
Модель авто: Найс

Input "post_title" = Тойота Найс

Вообще возможно ли это реализовать?

Последний раз редактировалось rdPavel, 17.08.2017 в 13:26.
Ответить с цитированием
  #6 (permalink)  
Старый 17.08.2017, 13:33
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,794

rdPavel,
function CopySelect() {
var value = document.getElementById('cp_id_387').value;
var model=document.getElementById('cp_id_928').value;
var elements = document.getElementsByName('post_title');
for(var i in elements)
elements[i].value = value+' '+model; }
Ответить с цитированием
  #7 (permalink)  
Старый 17.08.2017, 13:40
Аспирант
Отправить личное сообщение для rdPavel Посмотреть профиль Найти все сообщения от rdPavel
 
Регистрация: 02.08.2017
Сообщений: 33

Nexus,

Спасибо!
А я уже две функции пробовал. По очереди
Первая вывод значение, активирую вторую в итоге стирает первое, выводит второе.
Ответить с цитированием
  #8 (permalink)  
Старый 17.08.2017, 14:24
Аспирант
Отправить личное сообщение для rdPavel Посмотреть профиль Найти все сообщения от rdPavel
 
Регистрация: 02.08.2017
Сообщений: 33

Nexus,

Скажите с точки зрения орфографии как правильно, запусти две функции:
1. elem.addEventListener("click", function() { getAvtoList(this); });
2. elem.addEventListener("click", function() { getAvtoList(this); CopySelect(); });
3. Для CopySelect(); отдельно
?
Ответить с цитированием
  #9 (permalink)  
Старый 17.08.2017, 14:59
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,794

rdPavel, второй и третий варианты верны, но лучше второй использовать.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка по Ajax массива значений поля input hrundel jQuery 10 25.04.2014 22:13
Передача значений из input в другое окно Alven Общие вопросы Javascript 3 24.08.2013 15:41
Как передать в переменную массив значений из INPUT тега kapustnik Общие вопросы Javascript 3 19.04.2013 10:46
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Cчётчик значений value в элементе формы input type="text"? Surlik jQuery 8 04.04.2012 04:49