JQuery onChange前の値を取得

Question

ここでonChangeコマンドで設定される前に以前の量の値を取得する方法を知っている人はいますか？

私は現在入力ボックスにこれを使用しています。 CSSが私にトラブルを与えるものです

私が値を変更すると、新しい数量と新しい総コストを簡単に設定できます。しかし、私は下に押したときに、私はそれは量の値はjQueryの下にあるの増加や

を減少しているかどうかを確認するために、新たな量で、以前の量を比較することができません -

$('#p1').on('change', function() { 
     var cost = $('#p1_price').text(); 
     var quantity = $('#p1').val(); 
     var total = cost * quantity; 
     total = parseFloat(total).toFixed(2) 
     $('#p1_total').text(total); 
     $('#total_price').text(+$('#total_price').html() + +cost); 
    }); 

誰でも当てることができます問題についてのいくつかの光。大いに感謝しますか？

Answer 1

あなたはそれがどこかに保存が必要な場合があり、それよりもむしろ任意の入力変数を設定するために、あなたが自分自身ダウン<select>ドロップを使用することができますし、あなたの現在の設定値を格納することができますし、そのようなデータが$(this).data("last-value");ようにjQueryにアクセスすることができselectタグにdata-last-value="43"を設定

Ref.forデータ - https://api.jquery.com/data/

Answer 2

これは、私はそれが前の値を格納し、入力ボックスに焦点を当てるように私が使用したものです。その値が変更されても前の値が設定されます。私はもともと、このようなフォーカスを使用するとは思わなかったが、私はそれを他の方法でやったが、一度この引用文を読んだら、それは意味をなさない！

(function() { 
    var previous; 

    $("#p1").on('focus', function() { 
     previous = this.value; 


    }).change(function() { 

     alert(previous); 
     previous = this.value; 
    }); 
})(); 

Answer 3

私は考えています... オブジェクト内の配列！

あなたが配列のjavascriptオブジェクト

var inputObj = 
{ 
    var index : -1; //When the input has nothing so far 
    var values : []; 
}; 

で定義されている可能性があり、その後、毎回入力はあなたがダウンボタンを押し

$('#p1').on('change', function() { 
     var cost = $('#p1_price').text(); 
     var quantity = $('#p1').val(); 
     var total = cost * quantity; 
     total = parseFloat(total).toFixed(2) 
     $('#p1_total').text(total); 
     $('#total_price').text(+$('#total_price').html() + +cost); 

     //Add a new value to the array and refresh the index of the current value 
     inputObj.values.add(total); 
     inputObj.index = inputObj.values.length + 1; 
    }); 

そして毎回変更：

function pressDown() 
{ 
    inputObj.index = inputObj.index - 1; 
    $('#p1_total').text(inputObj.values[inputObj.index]); 
} 

Answer 4

値を変更する前に、値をJavaScriの入力に格納することができますptグローバル変数（変数名の前にvarを削除する）またはクッキーに保存します。