how do I add an option to a html form dropdown list with javascript

Question

I want this script to add an option to the list.

When you open the list I want the options to be test and hello

What am I doing wro

Answer 1

try out this

var element = document.getElementById('list');
element.options[element.length] 
   = new Option('yourText', 'yourValue');

Answer 2

You need to actually add the option object to the dom. I have linked to a fiddle with your example working: http://jsfiddle.net/DS8TG/

Change runList to the following:

function runList(){
  var select = document.getElementById('list');
  select.options[select.options.length] = new Option('Hello', 'Hello');
}​

Answer 3

var select = document.getElelmentById('test');
var option = document.createElement('option');
option.value = 'value';
select.appendChild(option)