Изменить содержание варианта с чистым JavaScript

Question

После моего кода:

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

Как изменить с чистым яваскриптом кросса браузером первый «Test» и вторым «test2»?

Answer 1

Вы можете решить эту проблему так:

HTML

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

Javascript

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

} 

change(); 

Кроме того, здесь демо используется для проверки:

DEMO

http://jsfiddle.net/kBd79/

Answer 2

Вы можете просто изменить innerHTML из <option> тега

Answer 3

Используйте options от select элемента (я дал свой выберите идентификатор someSelect для этой демонстрации:

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

Это заменит каждый вариант текст с: Новый материал номер - где номер - номер итерации цикла for. См. демонстрационную версию: http://jsfiddle.net/4PyGC/