javascript - jQuery - 如何选择之前选择的 Select 选项？

Question

给定这个选择元素:

<select id="foo"> 
<option value="1">1</option>
<option value="2">3</option>
<option value="3">3</option>
</select>

我首先选择选项 1，在使用 jQuery 在此选择下拉列表中选择 2 后如何检索 1 的值？

Answer 1

只需保存之前的选择，将其存储在变量中或作为选择本身的属性(属性是我的偏好，因为您可以在 DOM 检查器中看到它们)，示例如下:

$('#foo').change(function(){

    // Get previous value (if any)
    var lastValue = $(this).attr("data-lastvalue"); // or $(this).data("lastvalue"); 

    // Do stuff

    // Save new value
    $(this).attr("data-lastvalue", $(this).val());
});

JSFiddle: http://jsfiddle.net/TrueBlueAussie/5kznycjn/2/