如何檢查動態添加選項到 select 框是否完成？

Question

我有一個 select 盒子。

<select id="some_id">
</select>

我在事件發生后從服務器加載選項。

我只想在加載選項后運行一些回調。

問題是我只能將用戶腳本添加到站點而不是完全訪問。

請建議我一個事件處理程序。 提前致謝。

Answer 1

你可以使用承諾。 你可以在這里找到它們的基礎知識https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises 。

您可以將您的事件放入 promise 並在完成后解決它。 然后，您可以在將選項加載到 Promise 中之后運行您想要執行的任何功能，然后阻塞。 這是文檔中的一些示例 promise 代碼。 在此 console.log("Promise callback (.then)"); 在第一個 promise 解析后運行。

const promise = new Promise(function(resolve, reject) {
  console.log("Promise callback");
  resolve();
}).then(function(result) {
  console.log("Promise callback (.then)");
});

setTimeout(function() {
  console.log("event-loop cycle: Promise (fulfilled)", promise)
}, 0);

console.log("Promise (pending)", promise);