[SOLUCIONADO] Problema con deshabilitar un select!

[berkeleyPunk]

Buen día.

Supongamos que tenemos 2 select's. La idea es que el 2do se habilite sólo cuando se elija el índice 1, 2 ó 3 del 1er select. Pero si se elige el índice 0, entonces que se deshabilite.

Pueden echar una mirada al código por aquí. El cual, faltaba más, no deshabilita al 2do select cuando se elige el índice 0.



Saludos cordiales!

[ocp001a]

¿por qué complicarlo tanto?

Código Javascript:

function actualizar(){
      var indices = document.formulario.select1.selectedIndex;
      if (indices >0)
          document.formulario.select2.disabled = false;
      else
          document.formulario.select2.disabled = true;
  }
 

[berkeleyPunk]

Iniciado por ocp001a

¿por qué complicarlo tanto?...

Buena noche, maestro ocp001a.

Tu código funciona perfectamente!

Pero la cosa es que el código que puse es, digamos, la forma esencial de la función que estaba entrenando. Y los condicionales, así como las funciones, pues definitivamente los necesito así.

Bueno, después de leerte se me ocurrió utilizar el switch, igual y servía. Si no, pues te pediría ayuda dándote más información. Hice la prueba con el switch y funcionó!

Te pongo el código completo (ya con el switch), como lo estaba trabajando, es el clásico ejemplo de listas dependientes.

Si pudieras, me sería valioso saber por qué no funciona el código que inicialmente puse. Porque, está bien construido, ¿no?


Saludos!

[caricatos]

Hola:

Teniendo valores (en los value) iguales a sus funciones, podrías simplificar mucho...

onchange="window[this.value]()"

Eso si, deben existir esos métodos definidos... y en vez de null, una función cualquiera que deshabilite el select...

Saludos

[berkeleyPunk]

Iniciado por caricatos

...Teniendo valores (en los value) iguales a sus funciones, podrías simplificar mucho...

Excelente maestro caricatos. Hice cambios según tus recomendaciones, y todo funciona bien. La cosa quedó así.

Sería bastante nutritivo si pudieras explicar cómo se lee esto:onchange="window[this.value]()"

Creo entender la parte de [this.value](), que sin duda dice: cuando ocurra el evento onchange en el select, se va a ejecutar la función que tenga como nombre lo mismo que el value de este (this) elemento cliqueado.

Pero no entiendo bien qué hace ahí el window. Por lo que logro ver, bueno, pues se hace referencia al objeto window, o sea a la ventana, como si fuera un array, y por eso se ponen inmediatamente los corchetes haciendo referencia a un índice, el índice sería el option seleccionado...







Saludos!

[PHPeros]

Empezar diciendo que el keyword this se puede evitar cuando se llama de forma lineal (desde atributos en html) porque siempre se toma de referencia a sí mismo, luego onchange="window[this.value]" es lo mismo que onchange="window[value]".

Ahí se utiliza window porque que todas las variables y funciones declaradas en el scope global son propiedades de éste objeto. Lo que hace el array literal es acceder a sus propiedades (en realidad un array son todo propiedades, incluso los numéricos que solo pueden ser accedidos de esta forma). La diferencia entre el punto y el array literal es que los nombres de las propiedades se pasan de forma distinta, por ejemplo:

Código:

// Forma normal
window.alert();
o
alert();

// Mediante array "asociativo"
window["alert"]();

En este caso como lo que obtenermos de la propiedad value del select es texto o string, necesitamos utilizar la segunda forma. Digamos que son dos alternativas. Te pongo otro ejemplo:

Código:

var arr = [];
arr["propiedad"] = "algo";

console.log(arr.propiedad); // "algo"
console.log(arr["propiedad"]); // "algo"

// Atento a este, también pueden pasarse variables con texto, números etc. mientras que en el normal no.

var variable = "propiedad";
console.log(arr[variable]); // "algo"

Espero haberme explicado más o menos.

Saludos

[berkeleyPunk]

Iniciado por PHPeros

...Ahí se utiliza window porque que todas las variables y funciones declaradas en el scope global son propiedades de éste objeto...

No, caray, pues bien, eh!

Entonces, para hacer una analogía, del mismo modo como todos los elementos (divs, spans, etc) están contenidos en el body, de modo que cuando se da clic a uno se da clic también al body, del mismo modo, todas las variables y funciones presentes en el documento son parte del objeto window. Por esta razón se puede acceder a dichas funciones y variables como índices del array window: window[this.value](), que sería, digamos, lo mismo que escribir algo como window.miFuncion()

Saludos cordiales!