Почему при вставке innerHTML происходит сброс Select и как отменить этот сброс, оставив выбранные значения?

Question

[Mesuti]

Привет!

Comments

[Simkav]

const btnAddSelect = document.querySelector('button');
const block = document.querySelector('.block');

btnAddSelect.addEventListener('click', () => {
    block.insertAdjacentHTML('beforeend','<select>\n' +
        '    <option>1</option>\n' +
        '    <option>2</option>\n' +
        '    <option>3</option>\n' +
        '  </select>')
});

Сразу под примечанием написано жи

[Mesuti]

Simkav, Спасибо за ответ! Напишите в общий список, отмечу решением.
Не думал, что вставка может менять остальные блоки

[Simkav]

Mesuti, appendChild думаю будет полезно это тоже почитать

Answer 1

[Simkav]

insertAdjacentHTML

Comments

[Mesuti]

Спасибо!