varios select con la misma lista de opciones

McMichaelson · #1 (**permalink**) 18/08/2010, 05:30

Hola a todos.
Estoy haciendo una aplicación en la que tengo que seleccionar varias opciones de una misma lista en varios select. Estas opciones no se pueden repetir. Lo que queria seber es como puedo hacer para que la opcion seleccionada en uno de los select desaparezca de la lista de los otros selects que tengo. Además el orden de seleccion de los selects es indiferente con esto quiero decir que puedo elegir la opcion de cada uno de ellos en el orden que se quiera y la opcion desapareceria del resto.

Todas las opciones las tengo en un array de Strings y de ahi, mediante un bucle las introduzco en el select de la siguiente manera:

<SELECT NAME="pos11" >
<option selected>--- jugador ---</option>
<% int i=0;
while (delanteros[i] != null){ %>
<option value="<%=delanteros[i]%>"><%=delanteros[i]%></option>
<%i++;
}%>
</SELECT>

Todos los select son iguales pero cambiando el nombre

Muchas gracias por la ayuda

Adler · #2 (**permalink**) 18/08/2010, 08:44

Hola

A ver entiendo que las opciones de todos los select son las mismas. Entonces no has de cargar las opciones de todos los select, solo del primero y dependiendo de lo opción seleccionada en el primer select, se mostrarán unas u otras opciones en el segundo y arreglo a lo seleccionado en el segundo ......

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
function getElement(elElemento) {
return document.getElementById(elElemento);
}
 
 
var numopciones = 1;
function funcion(val, sel) {
for(var i=1;val.options[i];i++) {
 
 
    if (val.selectedIndex == 0) {
        while(getElement(sel).length > 1) getElement(sel).options[1] = null;
        getElement(sel).clear;
break;
    }
 
    if (i == val.selectedIndex)
        continue;
        var selOpciones = new Option(val.options[i].value, val.options[i].text);
        eval(getElement(sel).options[numopciones++] = selOpciones);
}
 
    
numopciones = 1;
 
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<select id="idioma1" class="campoTexto" name="idioma1" size="10" onchange="funcion(this,'idioma2')">
<option value="">Idiomas</option>
<option value="Espa&ntilde;ol">Espa&ntilde;ol</option>
<option value="Ingl&eacute;s">Ingl&eacute;s</option>
<option value="Franc&eacute;s">Franc&eacute;s</option>
<option value="Portugu&eacute;s">Portugu&eacute;s</option>
</select>
 
<select id="idioma2" name="idioma2" size="10" onchange="funcion(this,'idioma3')">
<option value="">Idiomas</option>
</select>
 
<select id="idioma3" name="idioma3" size="10">
<option value="">Idiomas</option>
</select>
</form>
</body>
</html>

Suerte