Question

Possible Duplicate:
append option to select menu?
how do I add an option to a html form dropdown list with javascript

I have a html select element like below

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form> 

I would like to add another option value like below using javascript(not jQuery)

<option>Berry</option> 

Can anyone say how could I do that ??

Thanks

Answer 1

First grab the select using document.getElementById

var sel = document.getElementById('mySelect');

Then add the option to the select’s options collection like this

sel.options.add(new Option('text', 'val'));

Working example