Автоматическое обновление цены

Рейтинг: 0Ответов: 1Опубликовано: 16.11.2014

Здравствуйте.

Имеется форма, на которой инпут с выбором срока.
Необходимо, чтобы после изменения значения в инпуте автоматически генерировалась и выводилась без перезагрузки страницы цена, которая находится ниже в блоке div (Алгоритм вычисления цены - Значение инпута * 20).

Нашел вот это:

onchange="document.getElementById('total').innerHTML='текст'"

Но не знаю, как реализовать при помощи этого то, что я написал выше.

Ответы

▲ 2Принят

Вот так можно реализовать с помощью предложенной вами строки:

<input type="text" />
<div id="total"></div>

А здесь можно посмотреть, как работает.

Обновление

http://jsfiddle.net/4tscpbLn/1/ вот так можно оптимизировать, чтобы считалось сразу. По поводу индикатора загрузки, это уже совсем другая история, создайте отдельную тему и сформулируйте логику этого индикатора, и вам помогут найти оптимальное решение.

Обновление 2

@Ilya78rus, это обычный html-код, в который можно делать любые вставки, возможные для html, к примеру, на php это будет так:

echo '<input type="text" />';