JSFiddle - React, Tailwind, and code Playground

HTML

<select id="sel">
 <option value="">-- Выбрать --</option>
 <option value="Белый">Белый</option>
 <option value="Зеленый">Зеленый</option>
 <option value="Красный">Красный</option>
 </select>

 <div class="item">Белый</div>
 <div class="item">Зеленый</div>
 <div class="item">Красный</div>

CSS

.item{
    display: none;
  }
  .item.open {
    display: block;
  }

JavaScript

window.addEventListener('DOMContentLoaded', function() {
  var sel = document.querySelector('#sel'),
  div = document.querySelectorAll('.item');
  sel.addEventListener('change', function() {
  [].forEach.call( div, function(el, i) {
         i  == sel.selectedIndex - 1?
         el.classList.add('open') :
         el.classList.remove('open');
  });
  });
    });