Дублирование значений 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. Требуется что то вроде зеркалирования, одного поля с другим.

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

<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.

Спасибо! Тоже уже решение нашел :)

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,

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; }

Nexus,

Спасибо!
А я уже две функции пробовал. По очереди
Первая вывод значение, активирую вторую в итоге стирает первое, выводит второе. :)

Nexus,

Скажите с точки зрения орфографии как правильно, запусти две функции:
1. elem.addEventListener("click", function() { getAvtoList(this); });
2. elem.addEventListener("click", function() { getAvtoList(this); CopySelect(); });
3. Для CopySelect(); отдельно
?

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