javascript - 从 jQuery 中的对象数组动态生成选择选项

Question

我正在尝试自学 Javascript 和 jquery，所以到目前为止我还很新，而且有点垃圾。我正在开发一个小项目，在该项目中我想创建一个选择列表，其中包含从对象数组动态创建的值。这是我的对象的片段:-

function to(name, seedGroup, seed, number) {
this.name = name;
this.seedGroup = seedGroup;
this.seed = seed;
}

var austria = new to("Austria", 3, 0);
var belgium = new to("Belgium", 1, 1);
var bosnia = new to("Bosnia & Herzogovinia", 2, 2);
var bulgaria = new to("Bulgaria", 4, 3);

我希望值是对象，文本是对象.名称。我尝试了很多不同的方法来实现这一目标，但也让自己陷入了困境。任何帮助将不胜感激。

Answer 1

类似这样的http://codepen.io/anon/pen/gADam ？

function to(name, seedGroup, seed, number) {
this.name = name;
this.seedGroup = seedGroup;
this.seed = seed;
}

var countries = [
  new to("Austria", 3, 0),
  new to("Belgium", 1, 1),
  new to("Bosnia & Herzogovinia", 2, 2)
];

var options = '';
for (var i = 0; i < countries.length; i++) {
   options += '<option value="'+JSON.stringify(countries[i])+'">'+countries[i].name+'</option>';
} 

$('select').html(options);