desactivar valor de un select

jlgarcia1977 · #1 (**permalink**) 04/03/2009, 04:19

Tengo dos select iguales como el siguiente:

<select id="idioma1" class="campoTexto" name="idioma1">
<option value="-">-</option>
<option value="ingles">Inglés</option>
<option value="frances">Francés</option>
<option value="portugues">Portugués</option>

</select>

Quiero que si pincho en el primero, por ejemplo,"ingles", no se muestre en el segundo.

Gracias.

David · #2 (**permalink**) 04/03/2009, 07:44

Puedes usar el evento onchange y comprobar si el elemento seleccionado es ese. Por ejemplo:

Código javascript:

Ver originalif (this.value=="ingles") {
    otroselect.style.visibility = "hidden";
}

jlgarcia1977 · #3 (**permalink**) 04/03/2009, 09:41

Pero lo que me dices tu...deshabilita el select no la opcion en concreto...

tengo:
<select id="idioma1" class="campoTexto" name="idioma1">
<option value="-">-</option>
<option value="ingles">Inglés</option>
<option value="frances">Francés</option>
<option value="portugues">Portugués</option>

<select id="idioma2" class="campoTexto" name="idioma2">
<option value="-">-</option>
<option value="ingles">Inglés</option>
<option value="frances">Francés</option>
<option value="portugues">Portugués</option></select>

Si en select 1 pincho el option "ingles" en el select con id=idioma2 no debería salir. y viceversa.

Uso jsp, html y javascripts en mi código.

Gracias.

David · #4 (**permalink**) 04/03/2009, 10:45

Ah, lo que quieres quitar es el elemento en sí y no ocultar el select

.

En ese caso deberás borrarlo (ya que ocultar no se puede), con select.options[indice] = null

Adler · #5 (**permalink**) 04/03/2009, 12:11

Hola

Con permiso ... David

Creo que lo que necesitas es AJAX + (ASP o PHP). De tal forma que cuando se escoja una de las opciones del primer select mande a llamar un recorset ficticio, con el que se montará las opciones del segundo select. Esto sería un ejemplo

Código asp:

Ver originalArreglo2 = Array("ingles","frances","aleman")
' ========= Eliminamos los elementos repetidos de Arrglo1 y Arreglo2 ===
CONST adInteger = 3
CONST adOpenDynamic = 2
CONST adUseClient = 3
 
Set rs2 = Server.CreateObject("ADODB.Recordset")
With rs2
    .CursorLocation = adUseClient ' El cursor
    .CursorType = adOpenDynamic ' Como se recorre (rs)
    .Fields.Append "elemento", adInteger, 255, &H00000020 ' Tipo de campo
    .open
 
    For z = 0 to UBound(Arreglo2)
        .AddNew
        .Fields("elemento") = Arreglo2(z) ' Inserta los datos de Arreglo2
        .update
    Next 'z
 
         tmp = " elemento <> " & Join(Arreglo1, " AND elemento <> ") ' Hace consulta
 
        .Filter = tmp ' Filtra valores iguales
        .MoveFirst
%>
Hora Inicio 2 <select name="select2">
<option value="">Selecionar</option>
<%
        do while not .eof
%>
<option value="<%=rs2("elemento")%>"><%=rs2("elemento")%></option>
<%
        .Movenext
        loop
%>
</select>
<%
        .close
End With
Set rs2 = nothing

NOTA: Arreglo 1 es la opción seleccionada del primer select.

Suerte

David · #6 (**permalink**) 04/03/2009, 15:15

No hay problema, Adler. De hecho, yo ni siquiera estoy entendiendo muy bien qué es lo que quiere hacer

.

jlgarcia1977 · #7 (**permalink**) 05/03/2009, 04:00

¿os habéis leído mi pregunta?...que decis que no entendeís...

Os pongo los dos select con todo el código..enterito...

Y digo que si pincho ingles en el select 1 no salga en el 2...
¿que parte no entendéis?

Al final pongo que uso jsp, html y javascript y me mandáis un código de phs y asp...

David · #8 (**permalink**) 05/03/2009, 06:41

Yo ya te respondí tu pregunta con Javascript:
http://www.forosdelweb.com/f13/desac...9/#post2808136

Si no es eso, explícanos mejor lo que quieres hacer.

jlgarcia1977 · #9 (**permalink**) 05/03/2009, 07:10

De verdad no se como explicarme mejor...

1-tengo dos select iguales....que son:

<select id="idioma1" class="campoTexto" name="idioma1">
<option value="-">-</option>
<option value="ingles">Inglés</option>
<option value="frances">Francés</option>
<option value="portugues">Portugués</option>

<select id="idioma2" class="campoTexto" name="idioma2">
<option value="-">-</option>
<option value="ingles">Inglés</option>
<option value="frances">Francés</option>
<option value="portugues">Portugués</option></select>

2-Si en select con id="idioma1" selecciono el "option" con valor ingles, al seleccionar este, con un método de javascript me haga invisible en el select con id="idioma2" me quite el valor ingles.

3- NO USO PHP NI AJAX...USO JSP, JAVASCRIPT Y HTML...

Adler · #10 (**permalink**) 05/03/2009, 07:54

Hola

David ya te dio la solución, el script sería algo como

Código javascript:

Ver originalfunction borrar(elemento) {
for (i=0; idioma2=document.getElementById("idioma2").options[i]; i++)
if (idioma2.value==elemento)
document.getElementById("idioma2").options[i]=null;
}

Es que no tiene mucho sentido, lo que quieres hacer y como quieres hacerlo. Puesto que cuando el usuario seleccione una de las opciones, esa opción desaparecerá del segundo combo. Ahora la pregunta es ¿y si el usuario selecciona "inglés" por equivocación y después selecciona "francés" y finalmente lo piensa mejor y selecciona "portugués". En tal caso el segundo combo quedaría vacío, a no ser que se refrescará la página

Suerte

Panino5001 · #11 (**permalink**) 05/03/2009, 08:04

Fijate si te sirve:

Código:

<form id="form1" name="form1" method="post" action="">
 <select id="idioma1" class="campoTexto" name="idioma1" onchange="var t='<select id=&quot;idioma2&quot; class=&quot;campoTexto&quot; name=&quot;idioma2&quot;>';for(var i=0;this.options[i];i++){if(i==this.selectedIndex)continue;t+='<option value=&quot;'+this.options[i].value+'&quot;>'+this.options[i].innerHTML+'</option>'};if(this.selectedIndex==0)t='<select id=&quot;idioma2&quot; class=&quot;campoTexto&quot; name=&quot;idioma2&quot;>'+this.innerHTML;document.getElementById('idioma2').parentNode.innerHTML=t+'</select>';">
<option value="-">-</option>
<option value="ingles">Ingl&eacute;s</option>
<option value="frances">Franc&eacute;s</option>
<option value="portugues">Portugu&eacute;s</option>
</select>
<div>
<select id="idioma2" class="campoTexto" name="idioma2">
<option value="-">-</option>
<option value="ingles">Ingl&eacute;s</option>
<option value="frances">Franc&eacute;s</option>
<option value="portugues">Portugu&eacute;s</option>
</select>
</div>
</form>

jlgarcia1977 · #12 (**permalink**) 05/03/2009, 09:15

A lo mejor seria mejor en vez de borrar, crear el select 2:
Osea, si en el primer select elijo ingles:
me cree el segundo con frances y portugues.
Si pincho en frances:
me cree el segundo con ingles y portugues.
Y si pincho en portugues:
me cree el segundo con ingles y frances.

Panino5001 · #13 (**permalink**) 05/03/2009, 09:51

Evidentemente no probaste lo que te dejé: en realidad hace eso que decís casi exactamente.

jlgarcia1977 · #14 (**permalink**) 05/03/2009, 17:01

Panino5001...va perfecto...muchisimas gracias...
y muchas gracias a todos por vuestro interes...