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

javascript, prototypejs, select

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.

Problem

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?

Original source