Форум

Murk · #11 (**permalink**) 10.12.2017, 21:02

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

Murk,

<!DOCTYPE html>

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

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var inp = document.querySelector(".in"),
        out = document.querySelectorAll(".out");
        inp.addEventListener("input", function(event) {
        inp.value.split(/\s+/).forEach(function(text,i) {
     out[i] && (out[i].value = text)
});

        })
});
  </script>
</head>

<body>
<input type="text" class="in">
<input type="text" class="out">
<input type="text" class="out">
<input type="text" class="out">

</body>
</html>

А что если каждый input имеет свой id, а не класс?

рони · #12 (**permalink**) 11.12.2017, 07:12

Murk,
так укажите ваши id в строках 12, 13 "#id" и "#id,#id,#id" вместо классов

Murk · #13 (**permalink**) 11.12.2017, 16:31

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

Murk,
так укажите ваши id в строках 12, 13 "#id" и "#id,#id,#id" вместо классов

Пробую вставить id, заполняется только первое поле,а дальше нет.

<!DOCTYPE html>

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

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var inp = document.querySelector("#idname"),
        out = document.querySelectorAll("#idname_cf2275ee56","#idname_c1fcb405d4","#idname_a49c87b871");
        inp.addEventListener("input", function(event) {
        inp.value.split(/\s+/).forEach(function(text,i) {
     out[i] && (out[i].value = text)
});

        })
});
  </script>
</head>

<body>
<input type="text" id="idname">
<input type="text" id="idname_cf2275ee56">
<input type="text" id="idname_c1fcb405d4">
<input type="text" id="idname_a49c87b871">

</body>
</html>

рони · #14 (**permalink**) 11.12.2017, 16:38

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

"#id,#id,#id"

где остальные?

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

document.querySelectorAll("#idname_cf2275ee56, тут, и тут");

рони · #15 (**permalink**) 11.12.2017, 16:41

Murk,
Знаете ли вы селекторы?

<!DOCTYPE html>

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

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var inp = document.querySelector("#idname"),
        out = document.querySelectorAll("[id^='idname_']");
        inp.addEventListener("input", function(event) {
        inp.value.split(/\s+/).forEach(function(text,i) {
     out[i] && (out[i].value = text)
});

        })
});
  </script>
</head>

<body>
<input type="text" id="idname">
<input type="text" id="idname_cf2275ee56">
<input type="text" id="idname_c1fcb405d4">
<input type="text" id="idname_a49c87b871">

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript