mootools 1.11 .setHTML не работает в IE

Question

Я пытаюсь сделать форму динамической, используя mootools 1.11, по определенным причинам я не могу обновить atm.

Я пытаюсь манипулировать полем выбора, чтобы иметь динамические параметры. Это работает в Firefox & Chrome, но не в IE8. Надеюсь, есть решение для этого.

бит кода:

myOptions(hrs+1, 23, 'uur');
$('vertrektijd_uur').setHTML('<option value="">Kies uur</option>'+options_uur);

$('vertrektijd_uur').addEvent('change', function() {
            hrsChanged = $('vertrektijd_uur').getValue();
            hrsChanged = parseInt(hrsChanged);
            if(hrs+1 == hrsChanged)
            {
                myMinutes(parseInt(min));
                myOptions(minChanged, 55, 'min');
                $('vertrektijd_min').setHTML('<option value="">Kies minuten</option>'+options_min);
            }
            else
            {
                myOptions(0, 55, 'min');
                $('vertrektijd_min').setHTML('<option value="">Kies minuten</option>'+options_min);
            }
        });

Answer 1

Я нашел обходной путь для проблемы IE. Но теперь у меня есть другая проблема. С помощью этого нового метода новые параметры добавляются (вводятся) вместо замены старых. Кажется, мне нужен способ удалить параметры до введения. Но не знаю, как бы я поступил так.

код:

var myOptions = function(start, end, field){

    // Remove options from select field here then do inject below ??

    for (var n = start; n <= end; n++){
        if(n < 10){
            new Element('option',{'value':'0'+n}).inject(field).setText('0'+n);
        } else {
            new Element('option',{'value':n}).inject(field).setText(n);
        }
    }
}

РЕДАКТИРОВАТЬ: я смог решить эту проблему, выполнив цикл по каждой опции и удалив их.

var children = field.getChildren();
    children.each(function(option){
        option.remove();
    });