如何取select标签改变前后的值

最新推荐文章于 2025-01-02 17:11:18 发布

Mr_Runner

最新推荐文章于 2025-01-02 17:11:18 发布

阅读量4.7k

点赞数 1

分类专栏：前端文章标签：如何取select标签改变前后的值 select标签 select标签改变之前的值 select标签前后改变的值

本文链接：https://blog.csdn.net/Mr_Runner/article/details/84330407

版权

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery监听Select标签值变更的方法。通过onmousedown和onchange事件，可以捕捉到选择项改变前后的值，从而实现对用户操作的即时响应。此方法适用于需要监控下拉列表变化的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：如何取select标签改变前后的值

解决方案：如下代码

<!DOCTYPE html>
<html>
<body>

<select onmousedown="onmousedownFunction(this)" onchange="onchangeFunction(this)">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
</select>
  
</body>
<script type="text/javascript">
var oldvalue;
function onmousedownFunction(obj){
    var selectObj = $(obj);
    oldvalue = selectObj.val(); //改变之前的值
}

function onchangeFunction(obj){
    var selectObj = $(obj);
    var newvalue = selectObj.val(); //改变之后的值

    if(oldvalue == newvalue){
        alert("前后值相等");
    }else{
        alert("前后值不相等");
    }
}
</script> 
</html>