任何人都可以指導我，如何在 javascript 中使用以下陣列/JSON 創建動態下拉串列？
[
{
"1": "001",
"2": "002",
"3": "003"
}
];
我做了什么 ：
let text = "<select class='form-control'><option value=''>All</option>";
var array = [
{
"1": "001",
"2": "002",
"3": "003"
}
];
for (var i = 0; i < array.length; i ) {
// POPULATE SELECT ELEMENT WITH JSON.
text = '<option value=' array[i]["1"] '>' array[i]["1"] '</option>';
}
uj5u.com熱心網友回復：
使用Object.entries()讀取物件中的欄位。
var array = [
{
"1": "001",
"2": "002",
"3": "003"
}
];
var x = document.createElement("SELECT");
x.setAttribute("id", "mySelect");
document.body.appendChild(x);
for (const [key, value] of Object.entries(array[0])) {
var z = document.createElement("option");
z.setAttribute("value", key);
var t = document.createTextNode(value);
z.appendChild(t);
document.getElementById("mySelect").appendChild(z);
} uj5u.com熱心網友回復：
使用 JavaScript 創建 Select 元素：
<!DOCTYPE html>
<html>
<body>
<p>Click the button to create a SELECT and an OPTION element.</p>
<button onclick="myFunction()">Try it</button>
<script>
const customItems = [
{
"1": "001",
"2": "002",
"3": "003"
}
];
function myFunction() {
const x = document.createElement("SELECT");
x.setAttribute("id", "mySelect");
document.body.appendChild(x);
for (let i = 0; i < customItems.length; i ) {
for (let key in customItems[i]) {
const z = document.createElement("option");
z.setAttribute("value", customItems[i][key]);
const t = document.createTextNode(customItems[i][key]);
z.appendChild(t);
document.getElementById("mySelect").appendChild(z);
}
}
}
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/370001.html
標籤：javascript 数组 json 落下