Question

I have a JS class like below.

It’s ok with limited drop down list content, but I want to dynamically generate the content when it comes to say 1 ~ 100.

How can I do that?

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

Thanks,

Answer 1

Simply create an arry and then add objects to it in a loop:

var items = [];

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

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

If you want to preselect an item, simply set the selected property conditionally:

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

This would preselect the first item for example.