Tengo una pagina, en la que me carga los tipos, y razas de perros, por defecto me carga vacio, hasta que selecciono perros, o gatos.
La cosa es que dependiendo de una busqueda en la base de datos, se si tengo que pulsar perro o gato; pero me gustaria que en lugar de tener que pulsar, se disparase el evento Onchange automaticamente.
Este es el trozo de codigo que hace referencia a ello
Código:
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="select_dependientes.css">
<script type="text/javascript" src="select_dependientes.js"></script>
</head>
<body>
<div id="demo" >
<div id="demoDer">
Razas
<select name="estados" id="estados">
<option value="0">Todos</option>
</select>
<br>
Tamaño
<select name="provincias" id="provincias">
</select>
</div>
<div id="demoIzq">
Tipo
<select name='paises' id='paises' onChange='cargaContenido(this.id)'>TIPO = 0TIPO=0 y hh=Perros<option value='1' selected>Perros</option>TIPO = 0TIPO=0 y hh=Gatos<option value='2'>Gatos</option></select> <script>
document.getElementById(paises)[document.getElementById(paises).selectedIndex["1"]].value
</script>
</div>
</div>
Cual e<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="select_dependientes.css">
<script type="text/javascript" src="select_dependientes.js"></script>
</head>
<body>
<div id="demo" >
<div id="demoDer">
Razas
<select name="estados" id="estados">
<option value="0">Todos</option>
</select>
<br>
Tamaño
<select name="provincias" id="provincias">
</select>
</div>
<div id="demoIzq">
Tipo
<select name='paises' id='paises' onChange='cargaContenido(this.id)'>TIPO = 0TIPO=0 y hh=Perros<option value='1' selected>Perros</option>TIPO = 0TIPO=0 y hh=Gatos<option value='2'>Gatos</option></select> <script>
document.getElementById(paises)[document.getElementById(paises).selectedIndex["1"]].value
</script>
</div>
</div>
Muchas gracias