如何在 JavaScript 中取得 Select 元素更改之前的值？

擷取變更前選擇元素的值

JavaScript 提供了各種事件偵聽器，讓開發人員回應使用者互動。一個常見的需求是能夠檢索 的值。 （下拉）元素更改之前。當在單一頁面上處理多個下拉式選單時，此技術特別有用，您可能需要保留先前的值進行比較。

為了實現這一點，我們可以結合使用焦點和更改事件。以下程式碼片段示範如何操作：

(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
    console.log(previous);

    // Update the previous value with the new selection
    previous = this.value;
  });
})();

此程式碼採用匿名自執行函數來避免污染全域命名空間。它將事件偵聽器附加到所有 上。頁面上的元素。當關注任何下拉式選單時，它會儲存當前值。當選擇變更時，它會記錄先前的值並使用新的選擇進行更新。

這種方法允許您在同一頁上使用多個下拉列表，並在每次更改之前檢索它們先前的值。您可以將此程式碼整合到您的專案中，以增強使用者體驗並促進涉及下拉輸入的更高級功能。

以上是如何在 JavaScript 中取得 Select 元素更改之前的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！