Dynamiczna zmiana opcji select’a poprzez właściwość innerHTML jest dość wygodna. Jednak jak się niestety okazało na drodze do sukcesu znowu stanęły przeglądarki z rodziny Internet Explorer. Nie są w stanie obsłużyć właściwości innerHTML dla elementów SELECT. Rozwiązaniem może być mała funkcyjka :)

1. function setOptions(elem, options) {

2. elem.options.length = 0;

3. var i = 0;

4. var icount = options.length;

5. for (i = 0; i < icount; i++) {

6. elem.options[elem.options.length] = new Option(options[i][‚text’], options[i][‚value’]);

7. }

8. }

Pierwszym parametrem jest tutaj select, w którym chcemy zmienić listę opcji (pobrać go możemy chociażby poprzez document.getElementById).
 
Drugi parametr to tablica opcji. Każdy element tablicy jest obiektem składającym się z dwóch właściwości: text oraz value.
 
Tak więc po raz kolejny sprawdza się powiedzenie że nie ma drogi na skróty :/