Передача текста в активный input
Добрый день. Задача такая: есть несколько 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());
});
|
В смысле, в выделенный инпут?
|
Мышью активирую инпут, нажимаю span, текст из span попадает в активный инпут. То же самое со вторым.
|
Янковиц,
как вариант для медитации
<!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>
|
Большое спасибо тебе добрый человек :)
|
| Часовой пояс GMT +3, время: 09:40. |