JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

[data-id]{
    display: none;
  }
  [data-id].open {
    display: block;
  }

JavaScript

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