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

単にarryを作成し、ループでそれにオブジェクトを追加します。

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

これにより、たとえば最初のアイテムが事前に選択されます。