[SOLUCIONADO] Problema con window.onload

[Jozinei]

Buenas, necesito ayuda con este tema de window.onload.
Busqué por el foro pero no encontré la solución que necesito.

Veamos, En un archivo llamado funciones.js tengo el siguiente código:

Código PHP:

  function actualizaCodigoTierra(){
    var getTierraCodigo = document.forms['FormAlquiler']['selectTierras'].value;
    document.forms['FormAlquiler']['tieCodigo'].value = getTierraCodigo;
}
function actualizaCodigoAbono(){
    var getAbonoCodigo = document.forms['FormCompraAbono']['selectTipos'].value;
    document.forms['FormCompraAbono']['tipCodigo'].value = getAbonoCodigo;
}
 
window.onload = function()
{
    document.forms['FormAlquiler']['selectTierras'].onclick = actualizaCodigoTierra;
    document.forms['FormCompraAbono']['selectTipos'].onclick = actualizaCodigoAbono;
} 
   

Lo utilizo para dos formularios como se puede ver.

El código en si funciona, mi problema es que solo ejecuta la función que está primero dentro del window.onload, en este caso sería la:

Código PHP:

  document.forms['FormAlquiler']['selectTierras'].onclick = actualizaCodigoTierra; 
   

Si cambio y pongo en primero la:

Código PHP:

  document.forms['FormCompraAbono']['selectTipos'].onclick = actualizaCodigoAbono; 
   

Ahí es esta la que me funciona y la otra no.

Por lo que leí el window.onload solo ejecuta una función, entonces me gustaría saber si hay forma de hacer con que ejecute más que una en un mismo archivo js o algo parecido?

[Alexis88]

Puedes utilizar la forma moderna de registrar eventos a elementos del DOM.

Código Javascript:

elemento.addEventListener("evento", función, false);
 

Más información.

Un saludo

[Jozinei]

Iniciado por Alexis88

Puedes utilizar la forma moderna de registrar eventos a elementos del DOM.

Código Javascript:

elemento.addEventListener("evento", función, false);
 

Hola Alexis, gracias por tu respuesta. Viste que no soy muy experto en js, así que si puedes por favor ayudarme con mi código, como quedaría? con esas mismas funciones que cité arriba.

Además el tema que tenía en el evento onclick.

[Alexis88]

Tomando como referencia el código de ejemplo que te dejé, el elemento viene siendo lo que está a la izquierda de cada .onclick de tu código, mientras que la función es el nombre que pones a la derecha de cada signo de igualdad. Solo tienes que reemplazar esos valores por los que tienes.

[Jozinei]

Iniciado por Alexis88

Tomando como referencia el código de ejemplo que te dejé, el elemento viene siendo lo que está a la izquierda del cada .onclick de tu código, mientras que la función es el nombre que pones a la derecha de cada signo de igualdad. Solo tienes que reemplazar esos valores por los que tienes.

Me funcionó con el siguiente código:

Código Javascript:

document.addEventListener("click", nombredemifuncion, false);
 

Muchísimas gracias Alexis por la disposición en ayudar.