HTML选择下拉列表如何同时显示名称和ID

Question

我一直在寻找相同类型的问题，但没有找到，我想要实现的是，我想同时在选项上显示'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);
}
    }
  )
   })

Answer 1

将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);
}
    }
  )
   })