Как у input number узнать значение ДО изменения и после?

Question

[Огнеупорный Таракан]

Всем привет!
Есть несколько инпутов type number.
Как jQ узнать их значение до изменения? (триггер: .on("change")). Хочу отправить два значения в POST до и после (сразу).

Comments

[Огнеупорный Таракан]

Пример формы

Answer 1

[PhantomBlade]

так при генерации html, можно в атрибут какой-нибудь записать значение, например.

<input type="number" value="100" prevval="100">

и на change

inp.on('change',function(){
   //получаете значения
   var prevVal=$(this).attr('prevval');
   var curVal=$(this).val();

   //делаете, что нужно

   //и перезапись prevval
   $(this).attr('prevval',curVal);
});

Можно, кстати, даже не генерить атрибут сразу в html. А сделать вот такой вызов.

$(function() {
   $('input[type="number"]').each(function(){
      $(this).attr('prevval',$(this).val());
   });
});

Comments

[Огнеупорный Таракан]

Очень развернутый ответ)

[Огнеупорный Таракан]

@virpool Я так и сделал =) Во всех проектах использую

Answer 2

[GreatRash]

Или я чо-то не понял или вот: codepen.io/GreatRash/pen/HKjzw

Comments

[Огнеупорный Таракан]

Сокращенная версия написанного выше =)

Answer 3

[cha-cha]

.on("focus")

Comments

[Огнеупорный Таракан]

Предлагашь поймать значение при фокусе, запихнув его значение например в localStorage и при изминении сразу постить два параметра, забрав один из хранилища? :D Или был план схоронить значение в глобальную переменную?)

Answer 4

[MistaTwista]

Если значение установлено при загрузке страницы - забрать значение из поля и сохранить в переменную или в скрытое поле на странице.
Можно скрытое поле держать рядом с основным полем ввода под другим именем и туда сохранять нужное значение.
Если такое поле одно то:
var inputBefore = $('input[type=number]').val();
как то так.

Comments

[Огнеупорный Таракан]

Тоже хорошо, но к сожалению, таких полей очень много.

[Юрий Лобанов]

@uonick приведите пример формы. Оба варианта ответа правильные, не учтены лишь нюансы, которые Вы не указали в вопросе.
Написано - есть стандартная форма. Для меня стандартная форма - это одно, ну максимум два поля для номера.

[MistaTwista]

Думаю .on("focus") вариант лучше :) зачем забирать все значения, тем более, что их много в форме? Проще собирать только там, где планируется изменение. А хранить можно рядом. Например, focus на поле с именем field1, а храним в скрытом siblings поле с field1-hidden, при фокусе по полю берем значение и соседу сохраняем.

[Огнеупорный Таракан]

@iiil Да ты прав. Сейчас понял, что on focus срабатывает однажды, то есть если еще раз кликнуть, то записанное значение останется прежним. Например можо накликать до 5 а записанное будет равно двум.

[Огнеупорный Таракан]

@MistaTwista он фокус срабатывает однажды! То есть один раз =)

[Огнеупорный Таракан]

@iiil Исправил вопрос