JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
<div class="lpanel">
    <input type="radio" name="radio1" value="1" onclick="changes(this);">Дом <br>
    <input type="radio" name="radio1" value="2" onclick="changes(this);">Дача <br>    
 </div>
<div class="rpanel">
    <select id="myselect"></select>
</div>
</div>

CSS

.main {
    position: absolute;
    top: 0px;
    left:0px;
    width: 360px;
    height: 180px;
    padding: 10px;
    border: 1px dotted blue;
}
.lpanel, .rpanel {
    position: relative;
    float: left;
    margin: 5px;
    height: 150px;
    padding: 5px;
    border: 1px solid grey;
    border-radius: 5px;
}
.lpanel {
    width: 100px;
}
.rpanel {
    width: 200px;
}
select {
    width: 100%;
}

JavaScript

function changes(element) {
        var sel = document.getElementById("myselect"),
            radio = document.getElementsByName("radio1");
        if(element.value == "1") {
            sel.options.length = 0;
            sel.options[sel.options.length] = new Option("Продам","1");
            sel.options[sel.options.length] = new Option("Сдам","2");
            sel.options[sel.options.length] = new Option("Куплю","3");
            sel.options[sel.options.length] = new Option("Сниму","4");
        } else {
            sel.options.length = 0;
            sel.options[sel.options.length] = new Option("Продам","5");
            sel.options[sel.options.length] = new Option("Куплю","6");   
        }
}