JavaScript的 - 如何檢測一個select元素（下拉列表）

Question

在JavaScript上的編程值的變化，我需要的時候一定選擇元素的值更改爲任何原因，包括編程方式來檢測。

當其他JavaScript以編程方式更改值時，onchange事件僅在用戶手動更改所選值時觸發，而非。

這是一個帶有各種插件組件的網站，我們不想破解（有些情況下不能破解，因爲代碼駐留在其他網站上）。 因此，只要有程序更改就觸發更改事件不是一種選擇。我需要實際監控選擇，監聽它的價值變化。

這可能嗎？我沒有找到辦法。

有沒有可能我可以使用一些庫來經常查詢值查找變化？或者以其他方式？

Answer 1

var targetSelect = $('appropriate selector'); 
var lastVal = targetSelect.val(); 

setInterval(function() { 
    var newVal = targetSelect.val(); 
    if(newVal !== lastVal) { 
     // it changed, fire an event or process it 
    } 
    lastVal = newVal; 
}, intervalSpacing); 

傳遞給'intervalSpacing'的值越低，花費的CPU時間就越多，但越早意識到它已更改。調整謹慎。

Answer 2

您可以使用MutationObservers API來監視更改DOM：

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

您可能需要實際觀察到的option節點所選擇的屬性，而不是看父select節點，但它應該一樣容易。