Buenas, estoy haciendo unos retoques en una pagina para un cliente. Es una pagina hecha con wordpress, y uso el formulario contact forms7.
Necesito que cuando alguien elija cierta opción en un selector, aparezca un mensaje justo debajo, y si elijen otra opción se borre el mensaje.
He echo un sencillo javascript con varios onclick en las opciones del selector para que salte una u otra función.
Aqui el javascript, que esta en el footer.php:
<script type="text/javascript">
function pintar(){
document.getElementById("oculto").innerHTML = "Mensaje a mostrar";
}
</script>
<script type="text/javascript">
function borrar(){
document.getElementById("oculto").innerHTML = "";
}
</script>
y aqui el codigo html del selector y del div oculto donde se muestra el mensaje:
<select id="seleccion" name="seleccion" >
<option value="casa" onClick="borrar();" id="casa">Casa</option>
<option value="piso" onClick="borrar();" id="piso">Piso</option>
<option value="local"onClick="borrar();r" id="local">Local</option>
<option value="apartamento" onClick="borrar();" id="apartamento">Apartamento</option>
<option value="ninguno" onClick="pintar();" id="ninguno">Ninguno</option>
</select>
<div class="col-md-12 col-sm-12 oculto" id="oculto">
<p style="color:#C03338; font-weight:bold;"></p>
</div>
Este codigo me funciona en Firefox i en IExplorer pero no en Chrome.
Si alguien supiera ayudarme le estaria eternamente agradecido.
