Из инпут в инпут

@kmormglbqyfe · Регистрация: 30.11.2016

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

Здравствуйте хотел чтобы при записи слова в инпут оно записывалось в 10 таких же инпутов .Как реализовать .

Вот код

HTML5

<table class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
<tr><td><input id="input2" type="text"></td><td><input id="input3" type="text"></td></tr>
</table>

@Azdeman · 30.11.2016, 19:28

id не надо что бы были одинаковые, сделайте классы.

HTML5

<table class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input3" type="text"></td><td><input class="input3" type="text"></td></tr>
</table>

Javascript

 var _ = document.getElementsByClassName('input3');
        for(var i =0;i<_.length;i++){
            _[i].onkeyup = function(){
                for(var j=0;j<_.length;j++){
                    _[j].value = this.value;
                }
            }
        }

@kmormglbqyfe · 30.11.2016, 19:40 **[ТС]**

Выше пример хороший .

А как сделать чтобы на левой стороне таблицы было одно слово с дубликацией а на правой другое слово с дубликацией?

@Azdeman · 30.11.2016, 19:57

Начинайте думать

HTML5

<table class="tftable" border="1">
<tr><th>Header 1</th><th>Header 2</th></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
<tr><td><input class="input2" type="text"></td><td><input class="input3" type="text"></td></tr>
</table>

Javascript

 var _ = document.getElementsByClassName('input3');
        for(var i =0;i<_.length;i++){
            _[i].onkeyup = function(){
                for(var j=0;j<_.length;j++){
                    _[j].value = this.value;
                }
            }
        }
    
    var __ = document.getElementsByClassName('input2');
        for(var i =0;i<_.length;i++){
            __[i].onkeyup = function(){
                for(var j=0;j<_.length;j++){
                    __[j].value = this.value;
                }
            }
        }

@kmormglbqyfe · 30.11.2016, 20:09 **[ТС]**

Спасибо...Огромное..А то я уже 3 дня с этим мучался.

@kmormglbqyfe 0 / 0 / 0 Регистрация: 30.11.2016 Сообщений: 3
	30.11.2016, 19:40 [ТС]	3
	Выше пример хороший . А как сделать чтобы на левой стороне таблицы было одно слово с дубликацией а на правой другое слово с дубликацией? 0

@kmormglbqyfe 0 / 0 / 0 Регистрация: 30.11.2016 Сообщений: 3
	30.11.2016, 20:09 [ТС]	5
	Спасибо...Огромное..А то я уже 3 дня с этим мучался. 0

Из инпут в инпут

Решение