我一直在尋找同類問題，但沒有找到，我想要實現的是，我想在選項上同時顯示“nama”和“id”，所以當單擊下拉列表時應顯示“wick dhdfyj97” ' 和 'abraham 15hndfj'，這可能嗎（在 JavaScript 中）？現在我已經成功地只顯示“nama”。這就是我的 json 的樣子：[{"nama ": "wick","id": "dhdfyj97",},{"nama ": "abraham","id": "15hndfj",}]這是代碼： .then(res =>{ res.json().then(num => { for (var o = 0; o < num.length; o++) { var i = document.getElementById("Select"); var d = document.createElement("option"); d.text = num[o].nama; i.add(d);} } ) })
3 回答
慕哥6287543
TA貢獻1831條經驗 獲得超10個贊
我們可以使用字符串文字添加兩者。
?.then(res =>{?
? ? res.json().then(num => {
? ? ? ?for (var o = 0; o < num.length; o++) {
? ? ? ? ? ? var i = document.getElementById("Select");
? ? ? ? ? ? var d = document.createElement("option");
? ? ? ? ? ? d.text = `${num[o].nama} ${num[o].id}`;
? ? ? ? ? ?i.add(d);
? ? ? ?}
? ? }
? ?)
?})
我還建議僅查詢 html 標簽一次并重復使用它，還直接使用 for of 循環迭代響應：
const i = document.getElementById("Select");
for (const item of num) {? ? ? ??
? ? const d = document.createElement("option");
? ? d.text = `${item.nama} ${item.id}`;
? ? i.add(d);
}
函數式編程
TA貢獻1807條經驗 獲得超9個贊
創建一個 Option 標簽并將其textContent分配給item.namaand的串聯item.id并將其附加到標簽中Select，您還會看到刪除該標簽中的空格"nama "，所以它應該是相反的，否則它將在標簽"nama"中顯示未定義option
let Array = [
{ "nama": "wick", id: "dhdfyj97" },
{ "nama": "abraham", id: "15hndfj" },
];
let Select = document.getElementById("Select");
Array.map((item) => {
var d = document.createElement("option");
d.textContent = item.nama + " " + item.id;
Select.appendChild(d);
});
<select id="Select"> </select>
拉丁的傳說
TA貢獻1789條經驗 獲得超8個贊
將 nama 和 id 連接在一起：
.then(res =>{
res.json().then(num => {
for (var o = 0; o < num.length; o++) {
var i = document.getElementById("Select");
var d = document.createElement("option");
d.text = num[o].nama + ' ' + num[o].id;
i.add(d);
}
}
)
})
- 3 回答
- 0 關注
- 238 瀏覽
添加回答
舉報
0/150
提交
取消