可以使用Ajax技術來實現JavaScript下拉框動態加載數據。
步驟如下：
<select id="mySelect"></select>
var select = document.getElementById("mySelect");
function loadData() {
// 發送Ajax請求獲取數據
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 解析返回的數據
var data = JSON.parse(xhr.responseText);
// 清空下拉框
select.innerHTML = "";
// 添加選項
for (var i = 0; i < data.length; i++) {
var option = document.createElement("option");
option.text = data[i].name;
option.value = data[i].id;
select.add(option);
}
}
};
xhr.open("GET", "http://example.com/data", true);
xhr.send();
}
loadData();
這樣就可以使用Ajax技術實現JavaScript下拉框動態加載數據了。
