如何获取选择下拉列表更改之前的值？

检索更改之前的选择下拉列表值

在 Web 开发中，通常需要在更改之前捕获选择下拉列表的值。但是，典型的“更改”事件处理程序会在更改发生后检索值。

考虑以下 HTML 片段：

<select name="test">
  <option value="stack">Stack</option>
  <option value="overflow">Overflow</option>
  <option value="my">My</option>
  <option value="question">Question</option>
</select>

如果当前选择了“我的”选项，并且用户将其更改为“Stack”，“change”事件处理程序返回的值将是“Stack”。

要检索更改之前的先前值，可以使用以下组合的巧妙解决方案： “focus”和“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;
  });
})();

当用户聚焦于下拉列表时，“focus”事件触发并将当前值存储在“previous”变量中。随后，当用户更改选择时，“更改”事件会触发并提醒存储在“上一个”中的先前值。

这种方法可确保更改之前的值可随时用于处理，从而提供更大的灵活性有效处理选择下拉列表更改。

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