Question

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?

Answer 1

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.