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

时间:2014-09-06 20:52:28

标签: javascript jquery select each

我正在尝试自学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捆绑在一起。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分: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);