Anushki,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.item{
display: none;
}
.item.open {
display: block;
}
</style>
<script>
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');
});
});
});
</script>
</head>
<body>
<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>
</body>
</html>