如何在 jQuery 中取得下拉式清單變更之前的值？

取得更改前的下拉值

在 jQuery 中，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;
    });
})();

在此腳本中：

• 焦點事件監聽器將下拉清單的目前值儲存在前一個變數中。
• 更改事件監聽器執行利用前一個值的操作，例如將其顯示在警報框中。
• 然後將先前的變數更新為下拉清單的新值。

此方法可讓您在下拉清單變更之前捕獲它的值。請記住，此技術應該應用於所有 。頁面上需要此功能的元素。另外，如果元素是動態插入的，元素加入 DOM 後必須綁定事件偵聽器。

可以在以下 URL 找到此解決方案的實例：http://jsfiddle.net/x5PKf/ 766.

以上是如何在 jQuery 中取得下拉式清單變更之前的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！