Как написать функцию, которая находит несколько тегов и заменяет их?

Question

[First_Life]

Есть форма в html, с разными тегами (input, select, textarea). Нужно написать на чистом js функцию, которая находит все теги select, скрывает их и вставляет вместо их другие select (любой другой эл). Я вроде как понял, моя функция находит и скрывает выбранные элементы, но новые вставляет единожды...

let selects = document.querySelectorAll('select');
let customSelect = document.createElement('select');
Array.from(selects).forEach(el => {
     el.parentNode.replaceChild(customSelect, el);
});
// либо
 for (let select of selects){
     select.parentNode.replaceChild(customSelect, select);
 }

Comments

[Алексей Дубровин]

Она вставляет не единожды. А каждый раз.
Просто вы вставляете один элемент.
Каждый раз.
В итоге он просто перемещается.
Хотите каждый раз вставлять новый -> Каждый раз создавайте новый элемент

[First_Life]

Алексей Дубровин, Т.е. внутри функции можно создавать этот элемент? И опять же, нужно, что бы оно вставляло на то же место, где был старый селект, а этого я вообще понять не могу...

[Алексей Дубровин]

First_Life,
replaceWith - замена элемента
Да. Внутри функции можно создавать этот элемент

Answer 1

[Сергей Соколов]

Достаточно заменять не на единственный новый селект, а на его клон:

- el.parentNode.replaceChild(customSelect, el);
+ el.parentNode.replaceChild(customSelect.cloneNode(true), el);

Answer 2

[Алексей]