动态生成从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); 

我想要的价值为对象&文本是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);