javascript가있는 html 양식 드롭 다운 목록에 옵션을 추가하는 방법

Question

이 스크립트가 옵션을 목록에 추가하려고합니다. 당신은 내가 원하는 목록을 열 때

옵션 내가 뭘 잘못 test 및 hello

을 할 수?

<SCRIPT> 
function runList(){ 
    document.getElementById('list').value = "<option>hello</option>"; 
} 
</SCRIPT> 

<FORM NAME="myform" ACTION="" METHOD="GET"> 
Your Options: 
<INPUT TYPE="button" NAME="button" VALUE="Click" onClick="runList()"/> 
<SELECT NAME="list" ID="list"> 
<OPTION>test</OPTION> 
</SELECT> 

Answer 1

을 시도합니다. 나는 당신의 예를 들어 작업으로 바이올린에 연결 한 : http://jsfiddle.net/DS8TG/

변경 실행 목록을 다음과 :

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

Answer 2

당신은 실제로 DOM에 옵션 개체를 추가하기 위해 필요한이

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

Answer 3

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