javascript - 如何在取消下拉列表更改事件时设置以前的值

Question

我正在设计一个 html 页面。 我想在使用 jquery 或 javascript 更改下拉元素时显示确认消息。 请帮忙做这件事。

我有需要确认的代码。选择取消时，它不会选择下拉列表中的上一个项目。

$("#dropdownId").change(function(e) 
{
        if($(this).val() == "40")
        {
            if(confirm("Are you sure"))
                return true;
            else
                return false;
        }
});

谢谢

Answer 1

您应该能够在点击事件中存储之前的值，并在更改事件中将其重新设置:

var setLastSelected = function(element) {
   $(element).data('lastSelected', $(element).find("option:selected"));
};

$("select").each(function () {
   setLastSelected(this);
});

$("select").change(function(){        
      if(confirm("Are you sure")) { 
          setLastSelected(this);
          return true; 
      }
      else {
         $(this).data('lastSelected').attr("selected", true);
         return false;
      }
});

参见:http://jsfiddle.net/w9JYX/14/

更新:我更新了代码以更通用地处理一组下拉控件，还删除了点击处理程序。