JS автоматически закрывает HTML теги
 

Здравствуйте, по неизвестной мне причине JS автоматом закрывает HTML теги...

document.getElementById('playerName').innerHTML = '<form><select>'

for(i = 0; i < name.length; i++) {
    document.getElementById('playerName').innerHTML += '<option>' + name[i].innerHTML + ' ' + koords[i].innerHTML + '</option>'
}

document.getElementById('playerName').innerHTML += '</select></form>'

По идее должно выводить обычный список... А выводит:

<form><select></select></form>Lysergide [4:444:6]Moalsen [4:451:6]Mescaline [4:451:7]Soulemfiria [4:451:10]Crowingrim [4:452:6]Essalimnith [4:458:7]Fislattern [4:462:9]

Конечно, вы же с innerHTML работаете, как браузер по-вашему должен угадать, когда вы закончите в innerHTML данные добавлять и когда уже можно обработать эту строку? Вот он и пытается самостоятельно закрыть теги, после каждого изменения. Работайте со строкой, а в конце изменяйте innerHTML.

Понял, спасибо