如何使用 jQuery 在更改之前保留选择下拉值？

使用 jQuery 保留更改之前的选择下拉值

通过在 jQuery 中组合焦点和更改事件可以实现此目的。操作方法如下：

($ => {
  var previous;

  $("select").on('focus', function () {
    previous = this.value; 
  }).change(function() {
    alert(previous); 
    previous = this.value; 
  });
})();

在此代码中，我们使用 focus 事件来存储下拉列表的当前值。当下拉列表更改（更改事件）时，我们可以访问并显示更改前的值。

将此功能应用于同一页面上的多个选择框，包括通过 AJAX 页面加载后添加的选择框，您可以使用以下更新的代码：

$(document).ready(function() {
  $(document).on("focus", "select", function () {
    $(this).data('previous', this.value); 
  }); 

  $(document).on("change", "select", function() {
    const previous = $(this).data('previous'); 
    if (previous) {
      alert(previous); 
      $(this).data('previous', this.value); 
    }
  });
});

以上是如何使用 jQuery 在更改之前保留选择下拉值？的详细内容。更多信息请关注PHP中文网其他相关文章！