Форум

valdemariuses · #1 (**permalink**) 07.04.2018, 11:46

Приветствую.
Подскажите пожалуйста, как сделать, чтобы при вводе информации в одном input, во все другие input с одним id проставлялась одна и та же информация.

<input onkeyup="checkParams();" id="osn_opti_special">
			
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">

<script>
function checkParams() {
    var name = $('#osn_opti_special').val();
     
    document.getElementById('opti_special').value=name 
}
</script>

Malleys · #2 (**permalink**) 07.04.2018, 14:05

Вместо id нужно class. id только для одного элемента (уникальное имя), class для семейства элементов(типа фамилия)

<input oninput="checkParams();" id="osn_opti_special">
			
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">
<input class="opti_special">


<script>
function checkParams() {
    var name = document.getElementById('osn_opti_special').value;
     
    document.querySelectorAll('.opti_special').forEach(function(input) {
      input.value = name;
    });
}
</script>
<style>
input { display: block; }
input:first-child { margin-bottom: 1em; }
</style>

j0hnik · #3 (**permalink**) 07.04.2018, 14:14

Можно так

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<input oninput="checkParams();" id="osn_opti_special">
			
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">
<input id="opti_special">


<script>
function checkParams() {
    var name = document.getElementById('osn_opti_special').value;
     
    document.querySelectorAll('[id="opti_special"]').forEach(function(input) {
      input.value = name;
    });
}
</script>
<style>
input { display: block; }
input:first-child { margin-bottom: 1em; }
</style>

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

Но правильней будет конечно же с class

valdemariuses · #4 (**permalink**) 07.04.2018, 19:50

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript