2014-10-29 124 views
1

鑑於這種選擇的元素:jQuery - 如何選擇之前選擇的選擇選項?

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

我選擇選項1首先,我怎麼找回1的值我使用jQuery這個選擇下拉列表中選擇2後?

+0

只需將其保存到選擇本身(我的首選項)上的變量或屬性? :)請顯示您嘗試的代碼。 – 2014-10-29 10:31:00

+0

將值(或選項編號或編號)存儲在變量 – myfunkyside 2014-10-29 10:31:42

回答

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/

+0

中,表示網址錯誤。 – Kyojimaru 2014-10-29 10:45:56

+0

@Kojimaru:謝謝。通常情況下,更新只是附加一個版本,但是這次JSFiddle更改了URL :) – 2014-10-29 10:47:19

+0

問題:attr()方法在#foo內部找到屬性的參數。但是,foo沒有「lastvalue」屬性。這個代碼如何工作,因爲它看起來像魔術? – ohyeah 2014-10-29 10:51:22