Как я могу изменить текст в зависимости от формы ввода? (показать цену сразу)

Question

У меня есть сайт с формой, где клиент может указать, сколько товара ему нужно. Ниже формы отображается общая цена. Если клиент вводит, например, количество 10, я хочу, чтобы цена была показана сразу, например, 500 €. Если клиент вводит 20 в поле, он должен сразу показать 1000 €, не обновляя сайт. Как мне этого добиться?

Answer 1

Это очень просто.

Иметь другое поле ввода в форме с атрибутом, установленным только для чтения. Запишите событие keyup для поля QUANTITY, умножьте VALUE на желаемое число согласно вашим расчетам и заполните поле ввода PRICE.

---

    <input type="number" name="quantity" id="quantity" />
    <input type="number" name="amount" id="amount" readonly />

<script> 
  $(document).ready(function(){
$('#quantity').keyup(function(){
    var qty = $('#quantity').val();

    $('#amount').val(qty * 50);    
}); 
}); 
</script>

Вот ссылка JsFiddle: https://jsfiddle.net/rajeevRF/Ltsp56ry/6/

Дайте мне знать, если вам нужна дополнительная помощь по этому вопросу