El ejercicio consiste en dos listas despeglabes, la primera que consta de gato, perro y jirafa, la segunda que esta oculta consta de PastorAleman, BuldogFrances, carlino.
Se supone que cuando en la primera lista pulso la opcion perro, se tiene que mostrar la segunda lista de opciones que me permitira que tipo de perro escoger.
<html>
<head>
<meta charset="iso-8859-1">
<title>Curso pagina 2014</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script language=javascript>
function habilitar(){
$('#dogs').slideDown(500);
}
</script>
<select>
<option value=”gato” >gato</option>
<option value=”perro” onchange= "habilitar();">perro</option>
<option value=”Jirafa”>Jirafa</option>
</select>
<select id="dogs" style="display:none" >
<option value=”pastor” >PastorAleman</option>
<option value=”frances”>BuldogFrances</option>
<option value=”carlinio”>Carlino</option>
</select>
</body>
</html>
Pero no me funciona, estoy desesperada. Si alguien me pudiera ayudar
El error creo que esta a la hora de llamar la funcion javascript habilitar() ya que no consigo ni ejecutar un alert
<html>
<head>
<meta charset="iso-8859-1">
<title>Curso pagina 2014</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script language=javascript>
function habilitar(){
alert ("hola");
}
</script>
<select>
<option value=”gato” >gato</option>
<option value=”perro” onchange= "habilitar();">perro</option>
<option value=”Jirafa”>Jirafa</option>
</select>
<select id="dogs" style="display:none" >
<option value=”pastor” >PastorAleman</option>
<option value=”frances”>BuldogFrances</option>
<option value=”carlinio”>Carlino</option>
</select>
</body>
</html>