javascript - 使用jquery中的select来获取下拉列表的先前和当前选定值

我有一个下拉

 <select name="manager" class="managerchosen-select-deselect" >
    <option value="" >Select  Manager</option>
    <option value="xyz"> XYZ </option>
    <option value="abc"> ABC</option>
    <option value="pqr"> PQR</option>
  </select>

我需要基于此下拉列表中的2个事件的2个警报。首先是当我单击下拉列表时，必须在警报中显示先前的值，其次是在更改下拉列表时，当前选定的值将显示在警报中。

我已经尝试了以下jquery代码，但是我只收到一个警报，即发生更改。我没有收到点击提醒。为什么？

    var lastvalue;
   $(".manager").bind("click", function(e){
     lastValue = $(this).val();
     alert(lastvalue);
     }).bind("change", function(e){ alert('value changed');
     changeConfirmation = confirm("Are You Sure?");
   if (changeConfirmation) {
      //proceed
   } else {
      $(this).val(lastValue);
   }
   });

最佳答案

分别定义它们

    var lastvalue;
   $(".manager").bind("click", function(e){
     lastValue = $(this).val();
     alert(lastvalue);
     });
   $(".manager").bind("change", function(e){
     alert('value changed');
     changeConfirmation = confirm("Are You Sure?");
     if (changeConfirmation) {
      //proceed
     } else {
      $(this).val(lastValue);
     }
   });

您可以使用defaultValue检索初始值。