Как получить старое значение с событием onchange() в текстовом поле

Question

Как получить старое значение с событием onchange() в текстовом поле

У меня есть текстовое поле и значение, заполненное в нем при загрузке страницы.
Теперь, если пользователь chanegs любую вещь в текстовом поле, то я хочу получить измененное значение (новое значение) и старое значение
но когда я делаю элемент.значение тогда его дает только измененное значение

любые предложения, чтобы получить старое значение?

ниже мой код

<head>

    <script type="text/javascript">

      function onChangeTest(changeVal) {

        alert("Value is " + changeVal.value);

      }

    </script>

  </head>

  <body>

    <form>

      <div>

          <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)">  

      </div>

    </form>

  </body>

</html>

спасибо заранее

551 9

javascript html validation

9 ответов:

Comments

Ничего не найдено.

George · Accepted Answer · 2014-04-23 01:41:56

element.defaultValue даст вам исходное значение.

обратите внимание, что это работает только на начальное значение.

Если вам это нужно, чтобы сохранить" старое " значение каждый раз, когда оно изменяется, свойство expando или аналогичный метод будет соответствовать вашим потребностям

Gabriel McAdams · Accepted Answer · 2011-03-25 04:29:39

вам нужно будет сохранить старое значение вручную. Вы можете хранить его по-разному. Вы можете использовать объект javascript для хранения значений для каждого текстового поля, или вы можете использовать скрытое поле (я бы не рекомендовал его-слишком тяжелый html), или вы можете использовать свойство expando для самого текстового поля, например:
<input type="text" onfocus="this.oldvalue = this.value;" onchange="onChangeTest(this);this.oldvalue = this.value;" />
тогда ваша функция javascript для обработки изменения выглядит так:
    <script type="text/javascript">
    function onChangeTest(textbox) {
        alert("Value is " + textbox.value + "\n" + "Old Value is " + textbox.oldvalue);
    }
    </script>

krsnik · Accepted Answer · 2011-05-30 18:16:28

Я предлагаю:

function onChange(field){
  field.old=field.recent;
  field.recent=field.value;

  //we have available old value here;
}

tiwari.vikash · Accepted Answer · 2014-08-19 03:12:50

вы должны использовать атрибуты данных HTML5. Вы можете создавать свои собственные атрибуты и сохранять в них различные значения.

Jon · Accepted Answer · 2011-12-07 19:25:21

грязный трюк, который я иногда использую, скрывает переменные в атрибуте " имя " (который я обычно не использую для других целей):
select onFocus=(this.name=this.value) onChange=someFunction(this.name,this.value)><option...
несколько неожиданно, как старое, так и новое значение передается в someFunction(oldValue,newValue)

Alex · Accepted Answer · 2014-11-07 22:53:26

Я не уверен, но, возможно, эта логика будет работать.

var d = 10;
var prevDate = "";
var x = 0;
var oldVal = "";
var func = function (d) {
    if (x == 0 && d != prevDate && prevDate == "") {
        oldVal = d;
        prevDate = d;
    }
    else if (x == 1 && prevDate != d) {
        oldVal = prevDate;
        prevDate = d;
    }
    console.log(oldVal);
    x = 1;
};
/*
         ============================================
         Try:
         func(2);
         func(3);
         func(4);
*/

Canavar · Accepted Answer · 2009-12-15 22:04:05

возможно, вы можете сохранить Предыдущее значение текстового поля в скрытом текстовом поле. Затем вы можете получить первое значение из скрытого и последнее значение из самого текстового поля. Альтернативный вариант, связанный с этим, в onfocus событие вашего текстового поля установите значение вашего текстового поля в скрытое поле, а в onChange событие считывает Предыдущее значение.

ownking · Accepted Answer · 2011-05-20 14:22:02

возможно, вы можете попытаться сохранить старое значение с событием "onfocus", чтобы затем сравнить его с новым значением с событием" onchange".

Pham Thai Son · Accepted Answer · 2015-07-22 14:08:10

можно сделать так: добавить атрибут старого значения к HTML-элементу, добавить набор старого значения, когда пользователь нажмите кнопку. Затем использовать событие onChange, после Старого значения.
<input type="text" id="test" value ="ABS" onchange="onChangeTest(this)" onclick="setoldvalue(this)" oldvalue="">

<script>
function setoldvalue(element){
   element.setAttribute("oldvalue",this.value);
}

function onChangeTest(element){
   element.setAttribute("value",this.getAttribute("oldvalue"));
}
</script>