Показать сообщение отдельно
  #3 (permalink)  
Старый 09.03.2018, 12:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Вывод значений input
sergylt,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var inp = [].slice.call(document.querySelectorAll('[name="T1"]'), 0, -1),
        out = [].slice.call(document.querySelectorAll('[name="T1"]'), -1)[0];
    inp.forEach(function(item) {
        item.addEventListener("input", function() {
            var str = inp.reduce(function(arr, el) {
                el = el.value.trim();
                el && arr.push(el);
                return arr
            }, []);
            str = str.join(" - ");
            out.value = str
        })
    })
});
  </script>
</head>

<body>
вводим 1<input type="text" name="T1" size="20" value="aaa"><br>
вводим 2<input type="text" name="T1" size="20" value="bbb"><br>
вводим 3<input type="text" name="T1" size="20" value="ccc"><br>
<br><br>
Получаем<input type="text" name="T1" size="20" value="aaa - bbb - ccc">


</body>
</html>
Ответить с цитированием