deshabilitar select box

Cesdeveloper · #1 (**permalink**) 29/10/2007, 23:24

Hola tengo en un formulario varios selects boxes,me gustaria que al elegir uno d ellos se desbilitaran los otros,no se si esto sera posible.

KarlanKas · #2 (**permalink**) 30/10/2007, 02:45

¿Así?

Código:

<html>
<head>
<script>
function elegir(este){
combos=document.getElementsByTagName("SELECT");
for(a=0;a<combos.length;a++){
combos[a].disabled=(combos[a].name!=este.name)?true:false;
}
}
</script>
	<title>Untitled</title>
</head>

<body>
<select name="pepe" size="1" onchange="elegir(this)">
					<option value="1" SELECTED>Elige</option>
					<option value="2">1</option>
					<option value="3">2</option>
					<option value="4">3</option>
</select>
<br>
<select name="pepe1" size="1" onchange="elegir(this)">
					<option value="1" SELECTED>Elige</option>
					<option value="2">1</option>
					<option value="3">2</option>
					<option value="4">3</option>
</select>
<br>
<select name="pepe2" size="1" onchange="elegir(this)">
					<option value="1" SELECTED>Elige</option>
					<option value="2">1</option>
					<option value="3">2</option>
					<option value="4">3</option>
</select>
<br>
<select name="pepeeee" size="1" onchange="elegir(this)">
					<option value="1" SELECTED>Elige</option>
					<option value="2">1</option>
					<option value="3">2</option>
					<option value="4">3</option>
</select>
<br>


</body>
</html>

Un saludo!

caricatos · #3 (**permalink**) 30/10/2007, 03:08

Hola:

Tenía la misma idea de KarlanKas (¡Qué tal Carlos

!), pero me trabé un poco con el código

Sólo un pequeño apunte, y es que la asignación true/false puede hacerse omitiendo desde el carácter "?" en adelante...

Código:

combos[a].disabled=(combos[a].name!=este.name);

Saludos

KarlanKas · #4 (**permalink**) 30/10/2007, 03:22

Es verdad!

Mi pasión por el ? a veces me ciega...

Muchas gracias por el apunte, pepe.

Cesdeveloper · #5 (**permalink**) 30/10/2007, 21:53

Gracias esto me va a ayudar bastante. Saludos.

KarlanKas · #6 (**permalink**) 31/10/2007, 02:23

De nada, hombre! A mandar!

Cesdeveloper · #7 (**permalink**) 02/11/2007, 09:50

Hola Una pregunta eso corre en IE??deberia pasar que si seleccione unos de los select los otros deberian quedar completamente desabilitados????? Lo hice pero no paso nada,les paso el codigo??? pero s un formulario muy largo se puede????.Gracias.

Cesdeveloper · #8 (**permalink**) 03/11/2007, 15:29

Buenas adapte el siguiente codigo a mi script:
---------------------------------------------------------------------------------------------------------
<html>
<head>
<script>
function elegir(este){
combos=document.getElementsByTagName("SELECT");
for(a=0;a<combos.length;a++){
combos[a].disabled=(combos[a].name!=este.name)?true:false;
}
}
</script>
<title>Untitled</title>
</head>

<body>
<select name="pepe" size="1" onchange="elegir(this)">
<option value="1" SELECTED>Elige</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
</select>
<br>
<select name="pepe1" size="1" onchange="elegir(this)">
<option value="1" SELECTED>Elige</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
</select>
<br>
<select name="pepe2" size="1" onchange="elegir(this)">
<option value="1" SELECTED>Elige</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
</select>
<br>
<select name="pepeeee" size="1" onchange="elegir(this)">
<option value="1" SELECTED>Elige</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
</select>
<br>

</body>
</html>
-------------------------------------------------------------------------------------------------------------
Ocurrio que no vi ningun cambio en el formulario,es decir, al escoger una opcion de uno de los selectbox no se deshabilitaban los demas, esto es debido al navegador o tengo que agregar algo mas??? Saludos y gracias.

JavierB · #9 (**permalink**) 03/11/2007, 15:57

Hola Cesdeveloper

No abras un nuevo mensaje para la misma duda, continúa en el mensaje inicial.

Temas unidos.

Saludos,

Cesdeveloper · #10 (**permalink**) 03/11/2007, 16:26

Ok disculpen,pero me gustaria que me repondieran la duda por fa Saludos y gracias.

JavierB · #11 (**permalink**) 03/11/2007, 16:42

Hola de nuevo.

He probado tu código en IE 6 y 7 y me ha funcionado bien

Saludos,

Cesdeveloper · #12 (**permalink**) 03/11/2007, 17:25

Este codigo si deshabilita los selects pero lo hace con todos solo quiero desahibiltar un cierto grupo no todos Como haria????????

Codigo:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function elegir(este){
combos=document.getElementsByTagName("SELECT");
for(a=0;a<combos.length;a++){
combos[a].disabled=(combos[a].name!=este.name)?true:false;
}
}
</script>
<title>Untitled</title>
</head>

<body>
<
<select name="Sexo">
<option value="s">Select</option>
<option value="M">M</option>
<option value="F">F</option>
<?php //alpha_002(); ?>
</select>
<br>
<select name="estado_civil">
<option value="s">Select</option>
<option value="s">S</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="v">V</option>
<?php //alpha_003(); ?>
</select>
<br>
<select name="consulta" id="consulta">
<option value="s" selected="selected">Select</option>
<option value="U">Urgencia</option>
<option value="T">Tratamiento</option>
<option value="S">Sucesiva</option>
<?php //alpha_004; ?>
</select>
<br>
<select name="asistencia" class="text" id="asistencia" style="width:150px">
<option value="s">Select</option>
<option value="si">Si</option>
<option value="n">No</option>
<?php alpha_005(); ?>
</select>
<br>
<select name="operatoria" class="text" id="operatoria" style="width:150px" onChange="elegir(this)">
<option value="s" selected="selected">Select</option>
<option value="nºs">Nº de Superficies</option>
<option value="nºd">Nº deDientes</option>
<option value="a">Amalgama</option>
<option value="R">Resina</option>
<option value="v">Vidrio</option>
</select>
<br>
<select name="preventiva" class="text" id="preventiva" style="width:150px" onChange="elegir(this)">
<option value="S" selected="selected">Select</option>
<option value="Sell">Sellantes</option>
<option value="F">Fluor</option>
<option value="u e">U. Educativa</option>
</select>
<br>
<select name="endodoncia" class="text" id="endodoncia" style="width:150px" onChange="elegir(this)">
<option value="S" selected="selected">Select</option>
<option value="t">Tratamiento</option>
<option value="O">Obturado</option>
</select>
<select name="cirugia" class="text" id="cirugia" style="width:150px" onChange="elegir(this)">
<option value="S" selected="selected">Select</option>
<option value="E.S.">Exodoncia Simples</option>
<option value="E.Q.">Exodoncia Quirúrgicas</option>
<option value="R.S.">Retiro de Sutura</option>
<option value="O">Otros (Biopsia, etc.)</option>
</select>
<select name="periodoncia" class="text" id="periodoncia" style="width:150px" onChange="elegir(this)">
<option value="S" selected="selected">Select</option>
<option value="cp">Control de Placa</option>
<option value="t">Tartrectomía</option>
<option value="ra">Raspado y Alisado</option>
<option value="E">Emergencia</option>
<option value="C">Cirugia</option>
<option value="rs">Retiro de Sutura</option>
<option value="ao">Ajuste de Oclusión</option>
<option value="F">Ferulización</option>
<option value="r">Reevaluación</option>
</select>

</body>
</html>

---------------------------------------------------------------------------------------------------------
Quiero que la funcion apliqque a partir del select de Operatoria y no desactiven los que estan por encima de el,como pueden ver puse en el onChange solo en esos selcts que me interesaba desactivar pero no funciono los deshabilita todos.
Saludos y Gracias por anticipado.

Cesdeveloper · #13 (**permalink**) 05/11/2007, 07:51

Por favor en cuanto puedan envienme la respuesta a mi duda ,Gracias.

_Kira_ · #14 (**permalink**) 02/06/2008, 11:03

hola a todos siguiendo el tema de los combos tengo problemas cuando desabilto el combo y contiene data al retornar la data me lo devuelve como null como haria para desabilitar y si poder sacar la data gracias