На html странице есть несколько элементов, 1-ый на странице есть, а 2-ой нет.
<input type="checkbox" onclick="insert magic">
Первый<select name = "1">
<option>1</option>
<option>2</option>
</select>
Второй<select name = "2">
<option>1</option>
<option>2</option>
</select>
С помощью чекбокса надо сделать так, чтобы при его нажатии первый элемент удалялся (Не скрывался), а второй создавался. Все что удалось сделать самому - скрыть, все остальные способы некорректно работали.
vanilla js
или можно использоватьjqurey
? Думаю основной смысл будет в том, что бы хранить второйselect
в js и подставлять его при выбореcheckbox
. Можно использовать легкий шаблонизатор, и т.д. и т.п.display: none
, то используйтеdocument.createElement()
для создания иelem.remove()
для удаления элемента. но это создаёт лишнюю нагрузку, т.к. будет пересчитываться всё дерево элементов при каждом нажатии наinput