Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Копирование с input в input (https://javascript.ru/forum/misc/71755-kopirovanie-s-input-v-input.html)

Murk 10.12.2017 21:02
Цитата:
Сообщение от рони (Сообщение 472511)
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, а не класс?

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

Murk 11.12.2017 16:31
Цитата:
Сообщение от рони (Сообщение 472545)
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>

рони 11.12.2017 16:38
Цитата:
Сообщение от Murk
"#id,#id,#id"
где остальные?
Цитата:
Сообщение от Murk
document.querySelectorAll("#idname_cf2275ee56, тут, и тут");

рони 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>


Часовой пояс GMT +3, время: 13:37.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице