Форум

oopros · #1 (**permalink**) 04.09.2015, 21:32

Нашел подобный скрипт. Он копирует из одного инпута в другой:

<input type="text" id="date" name="date" size="15" value="">  
<a href="#" onclick="document.getElementById('date2').value = document.getElementById('date').value">Копировать</a>  
<input type="text" id="date2" name="date2" size="15" value="">

А мне нужно чтобы копировал из одного инпута, например в 10.

<input type="text" id="date" name="date" size="15" value="">  
<a href="#" onclick="document.getElementById('date2').value = document.getElementById('date').value">Копировать</a>  
<input type="text" id="date2" name="date2" size="15" value="">
<input type="text" id="date3" name="date3" size="15" value="">
<input type="text" id="date4" name="date4" size="15" value="">

итд. Подскажите что нужно дописать, чтобы работало?
Спасибо!

forwardonly2015 · #2 (**permalink**) 04.09.2015, 21:44

<html>

<head>
<meta charset="utf-8">

</head>

<body>

<input id="one">
<input id="two">
<input id="three">
<input id="four">
<input id="five">

<button id="button">copy</button>

<script>



button.onclick=function(){
  two.value=three.value=four.value=five.value=one.value
}







</script>
</body>
</html>

caetus · #3 (**permalink**) 04.09.2015, 22:04

<body>
	<div id="div">
		<input type="text" data-copy="true">
		<input type="text">
		<input type="text">
		<input type="text">
		<input type="text">
	</div>
</body>
[JS]
<script>
	
var div = document.getElementById('div');

div.addEventListener('keyup', function (e) { 
	e = e.target || e.srcElement;
      //if(e.getAttribute('data-copy') !== 'true') return; если нужно копировать только с inputa у которого есть атрибут data-copy
	var value = e.value;
	var child = e.parentNode.children
	for(var i = 0; i < child.length; i++) {
		child[i].value = value;
	}
})

</script>
[/JS]

Форум

Справочник

Discord чат

Курсы javascript