Отслеживание события при добавлении значения в поле скриптом
Добрый день. Есть 3 input поля. В первое поле вручную вводятся данные и при событии onchange запускается скрипт, который по формуле обрабатывает данные из первого поля и помещает результат во второе поле.
Есть также третье поле в которое нужно подставить результаты из второго поля и обработать с помощью формулы. Но проблема в том, что событие onchange на втором поле не срабатывает, если значение добавляется с помощью скрипта (если вводить значение вручную, то скрипт отрабатывает). Как можно это исправить? |
dmitry.sh18,
зачем отслеживать ввод во второе поле, если у вас уже есть привязка к первому, скрипт который вывел данные во второе поле, может вывести и в третье? |
не совсем, например, пользователь вводит в поле 1 значение 5, во второе поле должно подставиться значение "поле 1 * 10", т.е. во второе поле мы должны получить число 50, а в третье поле мы должны получить "поле 2 * 10", т.е. 500. Но когда скрипт вводит в поле 2 результаты расчетов, поле 3 его не видит.
|
Цитата:
<input id="a1" />
<input id="a2" readonly="" />
<input id="a3" readonly="" />
<script>
document.getElementById('a1').addEventListener('input', function() {
this.value = this.value.replace(/\D/,'');
document.getElementById('a2').value = this.value * 10;
document.getElementById('a3').value = this.value * 100;
});
</script>
И что тут не совсем? |
Цитата:
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
</head>
<body>
<input type="text">
<input type="text">
<input type="text">
<script>
var inp = document.querySelectorAll('input');
inp[0].addEventListener('input', function() {
inp[1].value = this.value * 10;
inp[2].value = this.value * 10 * 10;
}, false)
</script>
</body>
</html>
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 06:31. |