我想要实现的事情是每当<select>下拉列表更改时，我想要更改之前下拉列表的值。我正在使用 1.3.2 版本的 jQuery 并在更改事件上使用，但我在那里得到的值是在更改之后。
<select name="test">
<option value="stack">Stack</option>
<option value="overflow">Overflow</option>
<option value="my">My</option>
<option value="question">Question</option>
</select>
假设当前选项 My 现在被选中，当我在 onchange 事件中将其更改为堆栈时（即，当我将其更改为堆栈时）我希望它是以前的值，即我在这种情况下的预期值。
如何做到这一点？
编辑：就我而言，我在同一页面中有多个选择框，并希望将相同的内容应用于所有选择框。此外，我的所有选择都是在通过 ajax 加载页面后插入的。
将焦点事件与更改事件结合起来以实现您想要的：
(function () {
var previous;
$("select").on('focus', function () {
// Store the current value on focus and on change
previous = this.value;
}).change(function() {
// Do something with the previous value after the change
alert(previous);
// Make sure the previous value is updated
previous = this.value;
});
})();
工作示例：http : //jsfiddle.net/x5PKf/766
请不要为此使用全局变量 - 将上一个值存储在数据中，这是一个示例：http : //jsbin.com/uqupu3/2/edit
参考代码：
$(document).ready(function(){
var sel = $("#sel");
sel.data("prev",sel.val());
sel.change(function(data){
var jqThis = $(this);
alert(jqThis.data("prev"));
jqThis.data("prev",jqThis.val());
});
});
刚刚看到您在页面上有很多选择 - 这种方法也适用于您，因为对于每个选择，您都会将 prev 值存储在选择的数据上
我选择使用 Avi Pinto 的解决方案 jquery.data()
使用焦点不是有效的解决方案。它在您第一次更改选项时起作用，但是如果您停留在该选择元素上，然后按“向上”或“向下”键。它不会再次通过焦点事件。
所以解决方案应该更像下面这样，
//set the pre data, usually needed after you initialize the select element
$('mySelect').data('pre', $(this).val());
$('mySelect').change(function(e){
var before_change = $(this).data('pre');//get the pre data
//Do your work here
$(this).data('pre', $(this).val());//update the pre data
})
手动跟踪值。
var selects = jQuery("select.track_me");
selects.each(function (i, element) {
var select = jQuery(element);
var previousValue = select.val();
select.bind("change", function () {
var currentValue = select.val();
// Use currentValue and previousValue
// ...
previousValue = currentValue;
});
});
$("#dropdownId").on('focus', function () {
var ddl = $(this);
ddl.data('previous', ddl.val());
}).on('change', function () {
var ddl = $(this);
var previous = ddl.data('previous');
ddl.data('previous', ddl.val());
});