변경 옵션의 콘텐츠 내 코드에 따라

Question

:

<select> 
    <option value="1">Test</option> 
    <option value="2">Test2</option> 
</select> 

어떻게 순수 자바 스크립트 크로스 브라우저 최초의 "테스트"와 두 번째 "Test2를"로 변경?

function alterSelect() { 
    var select = document.getElementById("someSelect"); 
    for (var i = 0; i < select.options.length; i++) { 
     select.options[i].text = "New stuff " + i; 
    } 
} 

이 각 옵션을 대체합니다 :

Answer 1

당신은이 같은 문제를 해결할 수 있습니다 :

:

HTML

<select id="myOptions"> 
    <option value="1">Test</option> 
    <option value="2">Test2</option> 
</select> 

자바 스크립트

또한

function change() { 
    document.getElementById('myOptions').options[0].innerHTML = "New Text"; 
    document.getElementById('myOptions').options[1].innerHTML = "New Text 2"; 

} 

change(); 

을, 여기 당신이 확인하는 데 사용하는 데모입니다 데모

http://jsfiddle.net/kBd79/

Answer 2

당신은 단지 <option> 태그

Answer 3

사용 select 요소에서 options의 innerHTML을 변경할 수는 (나는이 데모 someSelect의 당신의 선택 ID를 준 텍스트 : 새로운 내용 번호 - 숫자은 for 루프의 반복 번호입니다. 데모보기 : http://jsfiddle.net/4PyGC/