Форум

Янковиц · #1 (**permalink**) 02.01.2017, 09:57

Добрый день. Задача такая: есть несколько input с разными id. Как добавить текст при нажатии на span только в выделенный инпут? Вставляет пока в оба.

<input id="1" type="text" name="test" class="name" />
<input id="2" type="text" name="test" class="name" />
<span>100</span>
<span>200</span>

Есть скрипт

$('span').on('click', function() {
  var input = $('input[name="test"]');
  input.val(input.val() + $(this).text());
});

DivMan · #2 (**permalink**) 02.01.2017, 10:12

В смысле, в выделенный инпут?

Янковиц · #3 (**permalink**) 02.01.2017, 10:18

Мышью активирую инпут, нажимаю span, текст из span попадает в активный инпут. То же самое со вторым.

рони · #4 (**permalink**) 02.01.2017, 11:08

Янковиц,
как вариант для медитации

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var input;
$('input[name="test"]').on('blur', function(event) {
  input = this;
});
$('span').on('click', function() {
  input && (input.focus(),input.value += this.textContent);
});

});
  </script>
</head>

<body>
<input id="1" type="text" name="test" class="name" />
<input id="2" type="text" name="test" class="name" />
<span>100</span>
<span>200</span>


</body>
</html>

Янковиц · #5 (**permalink**) 02.01.2017, 11:13

Большое спасибо тебе добрый человек

Форум

Справочник

Discord чат

Курсы javascript