JSFiddle - React, Tailwind, and code Playground

HTML

<select onchange="select(this.value)">
    <option selected="selected" disabled="disabled" value="">Выбрать</option>
    <option value="1">Все наименования</option>
    <option value="2">report1</option>
    <option value="3">report2</option>
    <option value="4">три</option>
</select>
<div id='sidebar' style="background-color:#f00; width:200px; height:200px;">bla-bla-bla</div>
<div id='sidebar2' style="background-color:#c00; width:200px; height:200px;"></div>

JavaScript

function select(what) {
    if (what == '1') peremestit();
    else peremestit2();
}

function peremestit() {
    var sidebar = document.querySelector('#sidebar'),
        sidebar2 = document.querySelector('#sidebar2');
    while (sidebar.lastChild) {
        sidebar2.insertBefore(sidebar.lastChild, sidebar2.firstChild);
    }
}

function peremestit2() {
    var sidebar = document.querySelector('#sidebar'),
        sidebar2 = document.querySelector('#sidebar2');
    while (sidebar2.lastChild) {
        sidebar.insertBefore(sidebar2.lastChild, sidebar.firstChild);
    }
}