如何取得選擇下拉清單更改之前的值？

擷取變更之前的選擇下拉清單值

在 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中文網其他相關文章！