Dynamically create items in Javascript

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,

There are no classes in JavaScript. And the next time please post what you've tried. Right now the question looks like you are just looking for someone to write the code for you - sure, it's code that's written in less than a minute but nevertheless, it's not a good thing and you won't learn anything from it. — ThiefMaster
– ThiefMaster, Commented Nov 2, 2012 at 3:22
Thanks for the comments and answer. I was clueless in writing the function initially, a direction on how to write it is also appreciated. — Lys
– Lys, Commented Nov 2, 2012 at 6:26

ThiefMaster · Accepted Answer · 2012-11-02 03:23:18Z

2

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.

answered Nov 2, 2012 at 3:23

ThiefMaster

320k85 gold badges608 silver badges648 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamically create items in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related