CODEWITHSUNDEEP
javascriptselectprototypejs
jamesmhaley
jamesmhaley

Reputation: 45469

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?

Upvotes: 9

Views: 22054

Answers (2)

Alsciende
Alsciende

Reputation: 26971

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.

Upvotes: 11

Tim Down
Tim Down

Reputation: 324627

No need for Prototype, it'll be just as easy with the following time-honoured method that works in every major desktop browser since the mid-1990s:

// Assuming a select element stored in a variable called 'select'
select.options[select.options.length] = new Option("Option text", "optionValue");

Upvotes: 26

Related Questions