JS
(quick guide & examples)
HTML SELECTOR <select id="demo"></select>
DUMMY JSON DATA ON SERVER ["Apple","Blueberry","Cherry","Durian","Elderberry"]
FETCH JSON DATA FROM SERVER fetch("SERVER-URL") .then(res => res.json())
LOOP & GENERATE OPTIONS .then(data => { let s = document.getElementById("demo"); data.forEach((item, i) => { let o = document .createElement("option"); o.innerHTML = item; s.appendChild(o); }); });
NEW XMLHTTPREQUEST OBJECT var xhr = new XMLHttpRequest(); xhr.open("GET", "SERVER-URL");
LOOP & GENERATE OPTIONS xhr.onload = () => { let data = JSON.parse(xhr.response), s = document.getElementById("demo"); data.forEach((item, i) => { let o = document.createElement("option"); o.innerHTML = item; s.appendChild(o); }); };
GO! xhr.send();