Sacar elementos de un arreglo

Adler · #1 (**permalink**) 20/01/2009, 08:30

Hola

Estoy intentando crear 3 select dependientes. Los select los cago via Ajax. El problema está en que no logro, a partir de los valores del select 2 cargar el 3.

Con esto cargar el segundo, pero no el tercero

Código javascript:

Ver originalfunction Accion() {
var ref = ["s_1","s_2"]; // Id del 1 y 2 select, el 3 es "s_3"
for (var i = 0; i < ref.length; i++) {
var elemento = document.getElementById(ref[i]);
var nomevento = "change";
var funcion = function() { Ciudad(document.getElementById(ref[i]).options[document.getElementById(ref[i]).selectedIndex].value); }
 
      if (elemento.attachEvent)
      {
          var f=function(){
            funcion.call(elemento,window.event);
        }
        elemento.attachEvent('on'+nomevento,f);
        return true;
      }
      else  
        if (elemento.addEventListener)
        {
          elemento.addEventListener(nomevento,funcion,false);
          return true;
        }
       else
          return false;
    }
}

Gracias

Adler · #2 (**permalink**) 22/01/2009, 07:19

Ok, voy a tener suerte. Como es el mismo problema, he simplificado el código para que os animéis a ayudarme.

El problema es que no logro sacar la id del segundo elemento

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function Prueba(t, p) {
alert ("Total de Elementos " + t + "\nId del Elemento Seleccionado " +p)
}
 
 
function Accion() {
var ref = ["s_1","s_2"];
for (var i = 0; i < ref.length; i++) {
var elemento = document.getElementById(ref[i]);
var valor = ref[i];
var total = ref.length;
var nomevento = "click";
var funcion = function() { 
Prueba(total, +this.id.split("_")[1]); 
}
      if (elemento.attachEvent)
      {
          var f=function(){
            funcion.call(elemento,window.event);
        }
        elemento.attachEvent('on'+nomevento,f);
        return true;
      }
      else  
        if (elemento.addEventListener)
        {
          elemento.addEventListener(nomevento,funcion,false);
          return true;
        }
       else
          return false;
    }
}
 
window.onload = Accion;
</script>
</head>
<body>
<div id="s_1">Elemento 1</div>
<div id="s_2">Elemento 2</div>
</body>
</html>

Gracias

sweetlydark · #3 (**permalink**) 22/01/2009, 09:46

return para el ejecución de un script.

Panino5001 · #4 (**permalink**) 22/01/2009, 09:50

Probá así:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function Prueba(t, p) {
alert ("Total de Elementos " + t + "\nId del Elemento Seleccionado " +p)
}
 
 
function Accion() {
var ref = ["s_1","s_2"];
for (var i = 0; i < ref.length; i++) {
(function(){
var elemento = document.getElementById(ref[i]);
var valor = ref[i];
var total = ref.length;
var nomevento = "click";

var funcion = function() { 
Prueba(total, +this.id.split("_")[1]); 
}
      if (elemento.attachEvent)
      {
          var f=function(){
            funcion.call(elemento,window.event);
        }
        elemento.attachEvent('on'+nomevento,f);
        return true;
      }
      else  
        if (elemento.addEventListener)
        {
          elemento.addEventListener(nomevento,funcion,false);
          return true;
        }
       else
          return false;
})()
    }

}
 
window.onload = Accion;
</script>
</head>
<body>
<div id="s_1">Elemento 1</div>
<div id="s_2">Elemento 2</div>
</body>
</html>

El problema es este: http://blog.scriptia.net/articulos/2...esperados.html

sweetlydark · #5 (**permalink**) 22/01/2009, 10:13

Cita:

Iniciado por Panino5001

Probá así:
El problema es este: http://blog.scriptia.net/articulos/2...esperados.html

Muy interesante, gracias por el link (aunque no era directamente para mi :P).

Adler · #6 (**permalink**) 23/01/2009, 07:23

Panino, como siempre perfecto

Gracias