Comunidad de diseño web y desarrollo en internet online

Descartar opciones de un select tras selección de otras.

Citar            
MensajeEscrito el 10 Feb 2014 09:36 pm
Buenas Tardes amigos,

Tengo un formulario de mi trabajo, el cual requiero de hacer los siguiente:

La idea es ir eliminando opciones de un select con forme seleccionas, es decir tengo 3 select de universidades, el cual tengo 3 oportunidades de eligir, pero si ya elegi una universidad en la primera oportunidad ya no me debe aparecer esa misma, para evitar seleccionar 2 veces la misma.

La forma en que los tengo armados es de la siguiente manera.

Código Javascript :

case 'España':
        for (var i = document.registro.universidad.options.length; i >=0; i--) {
                document.registro.universidad.options[i] = null;
            }
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Seleccione','Seleccione');
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Sant Pol de Mar Barcelona');
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Universidad de Deusto (Bilbao y San Sebastian)');
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Universidad Islas Baleares (Mallorca)');
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Universidad de Mondragon (Bilbao)');
            document.registro.universidad.options[document.registro.universidad.options.length] = new Option('Universidad Antonio de Nebrija');
            document.registro.universidad.disabled = false;
        break;

Aqui en el HTML

Código HTML :

<td align="left">
                        <select name="universidad" disabled="disabled">
                            <option value="Selecciona" selected="selected">Selecciona Universidad</option>
                        </select>
                        <!-- Oportunidad 2 -->
                        <select name="universidad2" style="display:none;">
                            <option value="Selecciona" selected="selected">Selecciona Universidad</option>
                        </select>
                        <!-- Oportunidad 3 -->
                        <select name="universidad3" style="display:none;">
                            <option value="Selecciona" selected="selected">Selecciona Universidad</option>
                        </select>
                    </td>


Como se daran cuenta lo tengo en switch, donde al seleccionar España, me despliega las universidades impresa 3 veces, la idea como les comento es que en la primera oportunidad elegida universidad tal, que ya no me aparezca en la segunda oportunidad si no las que quedan.

Espero haberme entendido si no, díganme por favor.

Saludos :cool:

Por kakashi2000

Claber

559 de clabLevel

5 tutoriales

Genero:Masculino  

Desarrollador de aplicaciones Web

chrome
Citar            
MensajeEscrito el 10 Feb 2014 11:30 pm
Que bonito reto, dejame ver que puedo hacer :D a codificar !!! yay

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 11 Feb 2014 03:50 pm
Gracias elporfirio, la vdd no se si realmente se tenga k hacer con JavaScript o con algún otro lenguaje, soy phpero :)

Saludos

Por kakashi2000

Claber

559 de clabLevel

5 tutoriales

Genero:Masculino  

Desarrollador de aplicaciones Web

chrome
Citar            
MensajeEscrito el 11 Feb 2014 04:44 pm
Aún le falta pero... se los dejo

http://jsfiddle.net/7BmbV/

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 11 Feb 2014 04:50 pm
jejeje tchiangos a mi ya me quedo ;)

http://jsfiddle.net/elporfirio/8cS62/

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 11 Feb 2014 04:52 pm

nasho escribió:

Aún le falta pero... se los dejo

http://jsfiddle.net/7BmbV/



Vi la de nacho y si me latio tambien :lol: creo que ya tienes dos formas de como hacerlo.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 11 Feb 2014 11:00 pm
Amigos elporfirio y nasho

Les agradezco enorme-mente su aporte me encanto las 2 soluciones ahora podre avanzar en mi formulario con su gran ayuda.

Gracias amigos!

Por kakashi2000

Claber

559 de clabLevel

5 tutoriales

Genero:Masculino  

Desarrollador de aplicaciones Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.