zoukankan      html  css  js  c++  java
  • JS获取select变更之前的值

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

    成功!!

  • 相关阅读:
    你本地测试环境再难搭建也要搭建出来调试代码
    00 alv抬头等
    流水号生产后调用
    ALV 顶栏的按钮设定
    Redis学习总结
    Mybatis总结
    面试题收集
    java 收集2
    关于Spring的69个面试问答——终极列表
    java 面试收集
  • 原文地址:https://www.cnblogs.com/jiangxianshen/p/7525074.html
Copyright © 2011-2022 走看看