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

Question

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

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

我希望值是对象，而文本是 object.name。我已经尝试了许多不同的方法来实现这一点，并将 myslef 绑在了结上。任何帮助将不胜感激。

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