saber si un select multiple cambió sus opciones

AlZuwaga · #1 (**permalink**) 12/12/2005, 11:16

Hola, los molesto por el siguiente tema.
Tengo un select múltiple cuyas opciones se llenan con los registros de una base de datos. Además, de otra trabla, obtengo las "preferencias" seleccionadas anteriormente por un usuario. Con estas "preferencias", pongo "selected" al <option> que corresponda.

La idea es que el formulario no se pueda submitir si no se ha modificado ningna opción de éste select múltiple. Tampoco que se pueda hacer el submit en el caso que haya sido modificado y posteriormente vuelto al estado original... ¿me explico?

Supongamos que originalmente tenemos las opciones (con un + adelante las seleccionadas por defualt):

Código:

+ opción 1
opción 2
opción 3
+ opción 4

Si el <select> se modifica (en cualquiera de sus combinaciones):

Código:

opción 1
opción 2
+opción 3
opción 4

... se efectúe el submit. Ahora, si luego de ocurrida esa modificación se vuelve al estado original (opciones 1 y 4 seleccionadas), no se pueda hacer el submit.

¿Se puede hacer? Supongo que si... la pregunta en realidad es ¿Cómo se puede hacer? :)
Gracias

AlZuwaga · #2 (**permalink**) 12/12/2005, 11:47

Se me está ocurriendo algo así:

Código:

function EstablecerDefault(){
var ComDefault = '';
for (j = 0; j < document.FormComisiones.Comisiones.length; j++) {
if (eval("document.FormComisiones.Comisiones[" + j + "].selected") == true) {
ComDefault += eval("document.FormComisiones.Comisiones[" + j + "].value") + ",";
      }
   }
EstablecerVariableGlobal = ComDefault
}

function VerificarQueLaSelecciónActualSeaDistintaALaVariableGlobal(){
if (EstablecerVariableGlobal !== pepe){
//pepe tendrá el valor de hacer un procedimiento similar o igual al de la función EstablecerDefault()
submitir.formulario()
}
esle{
alertar(algo)
}
}

<body alCargar="EstablecerDefault()">
...
<input tipo botón alHacerClick="VerificarQueLaSelecciónActualSeaDistintaALaVariableGlobal()">

Me está faltando, creo, cómo establecer una variable global al onload y cómo recuperar ese dato desde la función VerificarQueLaSelecciónActualSeaDistintaALaVariabl eGlobal()

Es correcto el planteo? De ser así... ¿cómo defino una variable global para usarla en otra function?

JavierB · #3 (**permalink**) 12/12/2005, 11:48

Hola Al Zuwaga

A mí se me estaba ocurriendo esto otro, a ver si te sirve:

Código PHP:

  <html>
<head>
<script type="text/javascript">
var selec=new Array();
function ini() {
  obj=document.forms[0].sel;
  for(i=0;ele=obj.options[i];i++) //recorre los option del select
    selec[i]=ele.selected; //almacena en el array si está o no seleccionado
}
function validar() {
  obj=document.forms[0].sel;
  for(i=0;ele=obj.options[i];i++) //vuelve a recorrer los options
    if(ele.selected!=selec[i]) //si es distinto del valor almacenado en el array
      return true; //es que algo ha cambiado y devuelve verdadero
  alert('¡No has cambiao ná!');
  return false;
}
</script>
</head>
<body onload="ini()">
<form action="tupagina.asp" onsubmit="return validar()">
<select name="sel" size="5" multiple>
<option selected>Uno</option>
<option>Dos</option>
<option>Tres</option>
<option selected>Cuatro</option>
</select>
<input type="submit" />
</form>
</body>
</html>

Saludos,

AlZuwaga · #4 (**permalink**) 12/12/2005, 12:23

Perfecto JavierB!! Muchas Gracias

Para sacarme de la duda, ¿cómo se hace para que una function devuelva un valor que pueda ser usado en cualquier parte del script?

EDIT: Creo darme cuenta que para ello, la variable debe estar definida fuera de cualkquier function. ¿No?

JavierB · #5 (**permalink**) 12/12/2005, 12:31

Hola de nuevo.

En efecto, pones la variable fuera de las funciones, y la usas donde te haga falta.

<script type="text/javascript">
var selec=new Array(); // Esto es una variable global
function ini() {

Me alegro de que te haya servido. Saludos,

Edito: pido disculpas a tunait y KarlanKas por no haber utilizado pepe. Un error imperdonable

caricatos · #6 (**permalink**) 12/12/2005, 12:35

Hola Al Zuwaga:

Tu deducción es buena, aunque también puede crearse una variable dentro de una función, pero sin el uso del var, y haciendo constar de que cuelga del objeto window (padre do todos los objetos... y por ende de las variables globales...

)

Bueno, evitando explicaciones raras...

function inicio() {
window["selec"] = new Array();// usando la definición de JavierB
//...
}

Saludos

AlZuwaga · #7 (**permalink**) 12/12/2005, 13:04

Genial, otra manera de hacerlo.
Gracias barba ;)

Ya que estamos... no, nada, abro un nuevo mensaje.

JavierB · #8 (**permalink**) 12/12/2005, 13:11

Yo tampoco lo conocía, así que me lo anoto. Gracias caricatos

caricatos · #9 (**permalink**) 12/12/2005, 13:20

¡Je, je!...

¡Gracias, gracias!

No es la primera vez que lo comento,

Es especialmente útil para recibir parámetros vía URL:

params = location.search.substr(1).split("&");
for (var i = 0, total = params.length; i < total; i ++)
window[params[i].split("=")[0]] = params[i].split("=")[1];

Saludetes