首页 > web前端 > js教程 > 如何获取选择下拉列表更改之前的值?

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

Susan Sarandon
发布: 2024-11-13 09:44:02
原创
710 人浏览过

How to Get the Previous Value of a Select Dropdown Before It Changes?

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

在 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板