Ejecutar evento onchange

salbatore · #1 (**permalink**) 25/07/2011, 10:42

Hola a todos,

¿Como puedo ejecutar el evento change?, he buscando un monton por google y no encuentro la solucion. He probado bastantes opciones y nada de nada. No se donde meto la pata.

Con el evento Click() funciona perfectamente, en cambio con el change no, mirar mi codigo, es muy simple:

Código HTML:

Ver original<body onload="document.getElementById('caja').change();">
<input id="caja" onclick="alert('click');" onchange="alert('change');" />
</body>

¿Que hago mal?

skiper0125 · #2 (**permalink**) 25/07/2011, 11:14

Hola que tal.

Recuerda que el onchange se acciona cuando modificas el valor inicial de tu input, ya que tu código es correcto.

Código HTML:

Ver original<input id="caja" onchange="javascript:alert('change');" />

Saludos

salbatore · #3 (**permalink**) 25/07/2011, 11:24

Hola de nuevo,

No... si ya se que se ejecuta cuando se modifica, el caso es que busco accionar el evento desde codigo, del mismo modo que lo hago con el evento click de este modo:

document.getElementById('caja').click();

:P . Con el evento click funciona, pero en el change no.

¿Sabeis por que?

_cronos2 · #4 (**permalink**) 25/07/2011, 12:55

¿Y si usas onchange en vez de change a secas?
Saludos (:

Panino5001 · #5 (**permalink**) 25/07/2011, 13:00

Cita:

Iniciado por salbatore

Hola de nuevo,

No... si ya se que se ejecuta cuando se modifica, el caso es que busco accionar el evento desde codigo, del mismo modo que lo hago con el evento click de este modo:

document.getElementById('caja').click();

:P . Con el evento click funciona, pero en el change no.

¿Sabeis por que?

Debería ser:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body onload="document.getElementById('caja').onchange();document.getElementById('caja').onclick();">
<input id="caja" onclick="alert('click');" onchange="alert('change');" />
</body>
</html>

Curioso: el método click() funciona en varios navegadores ahora... Tiempo atrás sólo funcionaba en Explorer.

zerokilled · #6 (**permalink**) 25/07/2011, 19:58

buenas,
solo un comentario. que yo recuerde, el método click siempre me funciono en varios navegadores. para su momento, iexplorer y firefox. sin embargo, solo funcionaba en muy pocos elementos, especificamente en <a> e <input>.

yoniti7784 · #7 (**permalink**) 25/07/2011, 21:59

No sabia que se podia utilizar en un INPUT de esa manera.

Usalo en una etiqueta SELECT alomejor te saca de muchas dudas.

salbatore · #8 (**permalink**) 26/07/2011, 09:56

Bufff... muchas gracias a todos... no se que haria sin vosotros.

Gracias!.