Javascript selecbox.options to array?

javascript html html-select
Rafael Herscovici picture Rafael Herscovici · May 26, 2011 · Viewed 35.9k times · Source

From what I understand a option elements that popuate select elements in HTML are an array.
So basically what i want to do is return an array string that is separated by commas.

Tried to do selecbox.options.join(',');, but got an error that its not supported; anyone have an idea why?

Answer

typeracer picture typeracer · Dec 16, 2013

The most concise solution is this:

Array.apply(null, selectbox.options)

Array.apply calls the Array constructor with the first argument as the context (i.e. this) and the second argument which is any array-like object (MDN reference).

We pass null for the first argument because we're not trying to call a method on a specific object, but rather a global constructor.

So in general, 

Array.apply(null, A)

Will create a proper array containing the elements of any "array-like" object A.

Related questions

How to use Checkbox inside Select Option

The client has given me a design which has a Select Option menu containing a checkbox together with the item name as individual items in the list. Is there anyway possible to add a checkbox inside a Select Option menu? …

Read More
Removing an item from a select box

How do I remove items from, or add items to, a select box? I'm running jQuery, should that make the task easier. Below is an example select box. <select name="selectBox" id="selectBox"> <option value="option1">…

Read More
Is there an onSelect event or equivalent for HTML <select>?

I have an input form that lets me select from multiple options, and do something when the user changes the selection. Eg, <select onChange="javascript:doSomething();"> <option>A</option> <option>B</…

Read More