JSFiddle - React, Tailwind, and code Playground
HTML
<select id="select-4">
<option value="0">Выбрать</option>
<option value="2">короткий текст один</option>
<option value="2">короткий текст два</option>
<option value="1">короткий текст один-один</option>
</select>
<div id="b_1" class="block">длинный текст 1</div>
<div id="b_2" class="block">длинный текст 2</div>
CSS
.block {
display: none;
}
.block_active {
display: block;
}
JavaScript
document.getElementById('select-4').onchange = function() {
var block = document.getElementById('b_' + this.selectedIndex),
active = document.querySelector('.block_active');
if (active) {
active.classList.remove('block_active');
}
if (!block) {
return false;
}
block.classList.add('block_active');
}