Доброе утро,
Делаю сайт по текстовым переводам на основе bootstrap, в нем форма обратной связи, в ней форма со свободно вводимым текстом которая считает количество слов и умножает их на количество рублей (еще раз спасибо Рони с этого форума). Необходимо что бы получаемое число число из этой графы (т.е. стоимость перевода) автоматом выводилось в другую графу - amount.
html формы вывода текста к которой привязан калькулятор суммы:
<div class="form-group">
<div class="col-sm-9">
<div id="count_char_block">
<textarea class="form-control" id="count_char_textarea" placeholder="Your Message *" style="width: 310px;height: 200px;" name="count_char_block" oninput="countChar()"></textarea>
<input type="text" class="form-control" id="count_char" value="0" readonly="readonly" name="count_char_block">
<div>Стоимость составит: <span id="price_out">0</span> руб.</div>
</div>
</div>
</div>
html формы в которую необходимо вывести получаемую сумму (price_out):
<div class="form-group">
<label for="amount" class="col-sm-3 control-label">Сумма для оплаты</label>
<div class="col-sm-9">
<input type="number" class="form-control" id="amount" name="amount">
</div>
</div>
Javascript подсчета слов и стоимости:
var price = 1500;
function countChar() {
var is_probel = document.getElementById("is_probel");
var count_char = document.getElementById("count_char");
var count_char_textarea = document.getElementById("count_char_textarea");
var price_out = document.getElementById("price_out");
var len = count_char_textarea.value.match(/[а-яёa-z]{1,}/ig);
len = len ? len.length : 0;
count_char.value = len;
price_out.innerHTML = (len / 1000 * price).toFixed(2);
}
Надеюсь правильно описал проблему :/