如何在 jQuery 中获取下拉列表变化之前的值？

获取更改前的下拉值

在 jQuery 中，change 事件通常用于捕获 的值。修改时的下拉菜单。但是，此事件仅提供更改发生后的值。要在更改之前获取下拉列表的值，需要采用不同的方法。

一种解决方案是将焦点事件和更改事件结合起来。当下拉列表获得焦点时，当前值可以存储在变量中。当更改事件发生时，此存储的值可用于确定更改之前的值。

以下是实现此解决方案的方法：

(function () {
    var previous;

    $("select").on('focus', function () {
        // Store the current value on focus and on change
        previous = this.value;
    }).change(function() {
        // Do something with the previous value after the change
        alert(previous);

        // Make sure the previous value is updated
        previous = this.value;
    });
})();

在此脚本中：

• 焦点事件监听器将下拉列表的当前值存储在前一个变量中。
• 更改事件监听器执行利用先前值的操作，例如将其显示在警报框中。
• 然后将先前的变量更新为下拉列表的新值。

此方法允许您可以在下拉列表更改之前捕获其值。请记住，此技术应该应用于所有 。页面上需要此功能的元素。另外，如果元素是动态插入的，元素添加到 DOM 后必须绑定事件侦听器。

可以在以下 URL 找到此解决方案的实例：http://jsfiddle.net/x5PKf/ 766.

以上是如何在 jQuery 中获取下拉列表变化之前的值？的详细内容。更多信息请关注PHP中文网其他相关文章！