Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вывод значения input в цикле (https://javascript.ru/forum/jquery/72905-vyvod-znacheniya-input-v-cikle.html)

FoxChiffa 05.03.2018 21:04

Вывод значения input в цикле
 
Добрый день.
Возникла вот такая проблема:
Есть 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'.

рони 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 05.03.2018 21:34

Цитата:

Сообщение от рони (Сообщение 479866)
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*


Часовой пояс GMT +3, время: 12:03.