Lo acabo de poner como dices (si es que lo he insertado bien) y no funciona.
Voy a poner todo el desarrollo aquí:
Código:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ejemplo</title>
</head>
<body>
<select id="test">
<option value="0">éste sí</option>
<option value="1">éste sí</option>
<option value="2">éste no</option>
</select>
<style>
.eldivaocultar {
display: none
}
</style>
<div class="eldivaocultar">Se muestra el contenido</div>
</body>
<script>
document.getElementById('test').addEventListener('change', function () {
var v = selector.value; //toma variable
if (v == "éste sí"){
var targetElements = document.getElementsByClassName("eldivaocultar");
var i = 0, len = targetElements.length;
for(i = 0; i < len; i ++) {
targetElements[i].style.display = "block";
}
else {
var targetElements = document.getElementsByClassName("eldivaocultar");
var i = 0, len = targetElements.length;
for(i = 0; i < len; i ++) {
targetElements[i].style.display = "none";
}
}
});
</script>
</html>
Como véis, el div a ocultar ya está previamente oculto y se trata de que al seleccionar cualquiera de las opciones con valor "éste sí" se muestre, ocultándose si se selecciona otro con el valor "éste no".