javascript - 在 onchange 事件 jQuery 之后获取下拉列表的前一个值

Question

在 onchange 事件发生后，如何获取自动生成的下拉菜单的先前值？示例

<select class="form-control" name="Diabetes_UK_3147" id="Diabetes_UK_3147" onchange="return verifyUpdateResponseGross(this);">
  <option value="Yes">Yes</option>
  <option value="Possibly">Possibly</option>
  <option value="">N/A</option>
</select>

我有这个功能

function verifyUpdateResponseGross(val)
{
  var updated_response = val.value;
  var colheader = val.name
  var before_gross = $('#new_gross').val(); 

  $.ajax({
  url: "qa/api/crm/getquestion", 
  type: 'GET',
  data: {'colheader':colheader},
  success: function(result){
    // var costperlead = result;
    // if(updated_response != "")
    // {
    //  var new_gross_amount = parseFloat(before_gross) + parseFloat(costperlead);
    //  $('#new_gross').val(new_gross_amount);
    // }
    // else
    // {
    //  var new_gross_amount = parseFloat(before_gross) - parseFloat(costperlead);
    //  $('#new_gross').val(new_gross_amount);
    // }
    // console.log(costperlead);
   }});
}

我想获取前一个值的原因是我需要检查如果下拉列表值为空(N/A)，那么我需要执行一些操作，如果该值不为空，那么我需要执行另一个操作，但是当值 gi 不为空但与之前的值相同时，则不执行任何操作。

这些操作是注释中的。谢谢

更新 ID 和名称是自动生成的。这就是为什么我有一个

onchange="return verifyUpdateResponseGross(this);"

这将处理更改并执行必要的操作。

这是自动生成的

Answer 1

通过 jquery 实现此操作的最佳方法:

  $(document).ready(function(){
        var previous;
         $("#Diabetes_UK_3147").on("focus click",function () {
            previous = this.value; // Old vaue 

        }).change(function() {
        var value =  this.value; // New Value
          $('span').text('Old Value : '+previous+' New Value : '+value)
        });

    })

这里是 fiddle http://jsfiddle.net/Laa2hL3b/

已编辑:在自动生成的下拉列表中，您可以添加自定义类，例如“myselectbox”

<select class="form-control  myselectbox"

并在此处进行更改

  $(".myselectbox").on(/* other code remain same */