Search code examples
javascriptselectprototypejs

Adding an Option to a Select Element with javascript using the Prototype library

I want a to add an option dynamically to a Select element using Prototype.

There seems to be a lot of different ways to do it out there, all to do with options.add etc... Not seen much in the way of cross-browser ways.

Want it to be as lightweight as possible.

This is what I have got so far. It's just the appending the options that I'm stuck on:

var oNewOption = new Element('option').value=vItem;
oNewOption.text=vItem;

Any ideas anyone?

Solution 
  • select.insert(new Element('option', {value: myValue}).update(myLabel));

    insert appends to the content of the select object, update updates the content of the new option object.

    Not really better than the classic way, though.