Como llamar a evento Onchange!!

victor5atodogas · #1 (**permalink**) 22/08/2010, 05:21

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

victor5atodogas · #2 (**permalink**) 22/08/2010, 13:40

Una solucion que se me ha ocurrido, seria usar javascript, de tal forma que primero le asignemos el foco, y despues cambiemos el valor para que consigamos que el OnChange se active automaticamente.

¿Podria ser algo asi (los index irian entre ifs?

documents.forms.formulario2.paises.options[1].focus();
documents.forms.formulario2.paises.selectedIndex[2];

Muchas gracias

victor5atodogas · #3 (**permalink**) 22/08/2010, 13:44

Muchas gracias a todos por vuestra ayuda, al final la solucion era:

document.getElementById("paises").onchange();

Un saludo