1

Как динамически выводить веденный текст в поле input в тег div.... с помощью jquery

К примеру есть поле

<input type="text" class="input-summa uk-input uk-form-width-small" name="summa" required pattern="^[ 0-9]+$" placeholder="Сумма" maxlength="6">

и вот сюда мне нужно выводить значение веденное в поле, но чтоб при этом происходили вычисление, к примеру веденное число разделить на 100, или умножить...

<span class="summa_one"></span>

А также, то что мы получим в теги span вывелось в таком вот поле

<input type="hidden" name="win">

1 ответ 1

1
$("input[name='summa']").on("keyup, change", function(e){
  var val = +$(this).val() / 100;
  if (isNaN(val))
    val = "";
  $(".summa_one").text(val);
  $("input[name='win']").val(val);
});
4
  • не могли бы вы объяснить что да как?) пожалуйста) 25 фев 2018 в 22:56
  • @Евгений что Вам в данном коде непонятно?
    – user176262
    25 фев 2018 в 22:57
  • Все-все... понятно, спасибо 25 фев 2018 в 23:03
  • @Евгений, советую кешировать элементы, с которыми будете работать многократно. А вместо двух событий keyup и change, можно использовать одно - input. Проверку isNaN, я бы делал до математических операций, сразу после приведение к числовому типу
    – Deonis
    25 фев 2018 в 23:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.