javascript - 在 Javascript 中动态创建项目

Question

我有一个像下面这样的 JS 类。

可以使用有限的下拉列表内容，但是我想在说 1 ~ 100 时动态生成内容。

我怎样才能做到这一点？

  new Dropdown('dropdown', { items: [
  { value: '1', name: '1', selected: true},
  { value: '2', name: '2'},
  { value: '7', name: '3'}
  ]});

谢谢，

Answer 1

只需创建一个数组，然后循环添加对象：

var items = [];

for(var i = 1; i <= 100; i++) {
    items.push({
        value: i,
        name: i
    });
}

new Dropdown('dropdown', {
    items: items
});

如果要预选项目，只需selected有条件地设置属性：

    items.push({
        value: i,
        name: i,
        selected: i == 1
    });

例如，这将预先选择第一个项目。