1.新建一個HTML頁面，引入jQuery：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { var mysel = $("#mysel"); mysel.data("last", mysel.val()).change(function () { var oldvalue = mysel.data("last"); //這次改變之前的值 mysel.data("last", mysel.val()); //每次改變都附加上去，以便下次變化時獲取 改變之前獲取並保存 var newvalue = mysel.val(); //當前選中值 alert("改變前的值："+oldvalue+",改變后的值："+newvalue); }); }); </script> </head> <body> <select id="mysel"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </body> </html>
2.瀏覽測試，點擊3，結果如下：
成功！！