选择Array中的特定元素进行下拉

Question

我正在尝试使用JavaScript和jQuery从数组的一个特定元素的值生成一个下拉列表。

我的数组被定义为一个变量，看起来像这样:

var ht_parties = [
  {
    "id_Group": "41DC3C63-F423-4941-ACF7-63118BD9CE19",
    "name": "Ayiti An Aksyon",
    "nameAbbreviated": "AAA",
    "nameAcronym": "AAA"
  },
  {
    "id_Group": "9AF9E215-0376-460F-B69A-F380F35729CA",
    "name": "ACAAU",
    "nameAbbreviated": "ACAAU",
    "nameAcronym": "ACAAU"
  } 
]

生成下拉列表的代码如下:

var select = document.getElementById("selectNumber"); 
var options = ht_parties; 
for ( var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.text = opt;
    el.value = opt;
    select.appendChild(el);
};

我想用数组元素"name"的值填充下拉列表。然而，这目前正在生成一个下拉列表项目为"[object object]"。我如何从数组中只选择元素"name"并填充下拉列表?

Answer 1

您需要指定要将哪个键设置为el的text和value

el.text = opt;
el.value = opt;

需要像

一样

el.text = opt.name;
el.value = opt.name;

(或你想设置的键)

Answer 2

使用

var select = document.getElementById("selectNumber"); 
var options = ht_parties; 
for ( var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.text = opt.name;
    el.value = opt.name;
    select.appendChild(el);
};