Динамическое добавление элементов в тег выбора разрушает его функциональность ⇐ Html

[Anonymous]

Я пытаюсь динамически добавлять параметры в тег выбора на основе определенных условий
https://jsfiddle.net/kvnhdpyg/

Код: Выделить всё

                
Escolha uma opçao



document.getElementById('metodode').addEventListener('click', function(e) {
this.innerHTML = '';
const elemento = document.createElement('option');
elemento.text = 'Escolha uma opçao';
elemento.value = '';
elemento.disabled = true;
elemento.selected = true;
this.appendChild(elemento);

for (let i = 0; i < 5; i++) {
const elemento = document.createElement('option');
elemento.text = "test123"
this.appendChild(elemento);
}
});

вот его краткая версия, динамическое добавление тегов параметров для выбора разрушает его функциональность, нажатие на теги динамических параметров не помещает их текст в тег выбора, как это было бы с обычные теги опций
Я также пробовал добавлять прослушиватели событий, но это не работает, я могу использовать их с помощью console.log(), но не щелкаю

Подробнее здесь: https://stackoverflow.com/questions/793 ... ctionality