Форум

FoxChiffa · #1 (**permalink**) 05.03.2018, 21:04

Добрый день.
Возникла вот такая проблема:
Есть input's:

<input type="text" id="name1" oninput="myFunction()" value="1">
<input type="text" id="name2" oninput="myFunction()" value="2">
..........

Мне нужно считать актуальное на данный момент значение всех value (пользователь их изменяет в режиме онлайн и мне нужно выводить значение уже измененное пользователем).

Пробую сделать так:

for ($i = 0; $i< 100; $i++)
		echo '<p id="pr'.$i.'"></p>

<script>
		function myFunction() 
                {	
		    for (var i=1; i<3; i++)
		    {
		         var str = "name" + i;
		         var x = document.getElementById(str).value;
		         var str2 = "pr" + i;
		         document.getElementById(str2).innerHTML = x;
		     }	
                }
</script>

Он игнорирует все name'I' и выводит только последний name'I'. Но мне нужно, что бы он выводил все, как это сделать?

P.S. так же при изменение пользователям любого name'I' выводится всё равно последний name'I'.

рони · #2 (**permalink**) 05.03.2018, 21:23

FoxChiffa,
вы что-то не договариваите ...

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
    function myFunction()
                {
        for (var i=1; i<4; i++)
        {
             var str = "name" + i;
             var x = document.getElementById(str).value;
             var str2 = "pr" + i;
             document.getElementById(str2).innerHTML = x;
         }
                }
</script>

</head>

<body>

<input type="text" id="name1" oninput="myFunction()" value="1">
<input type="text" id="name2" oninput="myFunction()" value="2">
<input type="text" id="name3" oninput="myFunction()" value="3">
<p id="pr1"></p>
<p id="pr2"></p>
<p id="pr3"></p></body>
</html>

FoxChiffa · #3 (**permalink**) 05.03.2018, 21:34

Сообщение от рони

FoxChiffa,
вы что-то не договариваите ...

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
    function myFunction()
                {
        for (var i=1; i<4; i++)
        {
             var str = "name" + i;
             var x = document.getElementById(str).value;
             var str2 = "pr" + i;
             document.getElementById(str2).innerHTML = x;
         }
                }
</script>

</head>

<body>

<input type="text" id="name1" oninput="myFunction()" value="1">
<input type="text" id="name2" oninput="myFunction()" value="2">
<input type="text" id="name3" oninput="myFunction()" value="3">
<p id="pr1"></p>
<p id="pr2"></p>
<p id="pr3"></p></body>
</html>

Как это вообще возможно? Оно только, что не работало О_о
Недоговариваю я то, что input type="text" заполняется из БД, в куче странных и ужасных циклах.
Не знаю как, но после того как вставил ваш код, оно заработало, спасибо)) *MAGIC*

Форум

Справочник

Discord чат

Курсы javascript