When options are filled dynamically (e.g., via an API call or a database), the code to select an option often fails because the JavaScript tries to select the value before the options have actually finished loading into the DOM. Here are the three best ways to handle this: ``` if (v["payment_term"]) { filter["payment_term"] = v["payment_term"]; let selectElement = document.getElementById("payment_term"); const observer = new MutationObserver((mutations, obs) => { if (selectElement.options.length > 0) { selectElement.value = v["payment_term"]; obs.disconnect(); } }); observer.observe(selectElement, { childList: true }); } ```

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

``` if (v["payment_term"]) { filter["payment_term"] = v["payment_term"]; let e = document.querySelector("#payment_term"); const observer = new MutationObserver((mutations, obs) => { if (e.options.length > 0) { e.value = v["payment_term"]; obs.disconnect(); } }); observer.observe(e, { childList: true }); } ``` 19.12.25

• Home
• Notebook
• Contact us

• Privacy Statement
• 

Copyleft ☠ 2025