首页 > 技术文章 > JS获取select变更之前的值 - 疆>先

jiangxianshen 2017-09-15 10:37 原文

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,结果如下:

成功!!

 

推荐阅读