jQuery获取select标签change()前的值和change()后的值

Posted 2023-03-19

参考技术A 在数据处理的时候，往往会使用select供用户对数据进行选择，我们可以使用change()方法来判断用户是否改变了select的值，change()后，直接弹出select的value就是用户选择的结果，但是怎么获取其选择前的结果呢？

如果使用click()方法貌似可行，点击select框，change()方法还没出发时就弹出select的val()，但是操作后会发现，change()方法触发后，会第二次触发click()方法，也就是click弹出来的结果也会变成change后的值，所以click这么使用行不通，可以用其他变量接收第一次click获取的value，有兴趣的可自己考虑一下。

实际上还有更简单的方法，直接用focus()方法替换click()方法：

jsp中怎样获取选择栏修改前和修改后的值

参考技术A select标签在修改内容时，会触发change事件，在该事件中可以获取修改之后的值，而修改之前的值是获取不到的。目前有一个需求是，当用户修改select的内容时，弹出确认框询问用户是否确认修改，如果用户点击取消，则select标签的值重置为修改之前的值。
解决思路，为select标签添加hook属性，用于保存select标签当前的值，当select触发change事件时，hook属性的值保存了修改之前select的值。

本文来源为博主「koastal」的原创文章，原文链接https://blog.csdn.net/koastal/article/details/78512670