Código de JavaScript - habilitar, deshabilitar combos según la selección en otro combo

Imágen de perfil
Val: 1.950
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

habilitar, deshabilitar combos según la selección en otro combográfica de visualizaciones


JavaScript

Actualizado el 26 de Mayo del 2016 por Xavi (541 códigos) (Publicado el 28 de Agosto del 2013)
57.581 visualizaciones desde el 28 de Agosto del 2013
Código que muestra como habilitar y deshabilitar un combo (select) según la sección de otro combo.

Versión 1
estrellaestrellaestrellaestrellaestrella(3)

Actualizado el 21 de Julio del 2016 (Publicado el 28 de Agosto del 2013)gráfica de visualizaciones de la versión: Versión 1
57.582 visualizaciones desde el 28 de Agosto del 2013
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta title="habilitar, deshabilitar combos según selección en otro combo">
 
	<script>
		function habilitar(value)
		{
			if(value=="1" || value==true)
			{
				// habilitamos
				document.getElementById("segundo").disabled=false;
			}else if(value=="2" || value==false){
				// deshabilitamos
				document.getElementById("segundo").disabled=true;
			}
		}
	</script>
</head>
 
<body>
<form>
	<h1>habilitar, deshabilitar combos según selección en otro combo</h1>
	<div>
		<select name="primero" id="primero" onchange="habilitar(this.value);">
			<option value='0'>selecciona</option>
			<option value='1'>habilitar el segundo</option>
			<option value='2'>deshabilitar el segundo</option>
		</select>
	</div>
	<div>
		<select name="segundo" id="segundo">
			<option value='1'>seleccion 1</option>
			<option value='2'>seleccion 2</option>
		</select>
	</div>
</form>
</body>
</html>



Comentarios sobre la versión: Versión 1 (3)

jaime
17 de Febrero del 2015
estrellaestrellaestrellaestrellaestrella
me sirvio
Responder
roco
27 de Enero del 2016
estrellaestrellaestrellaestrellaestrella
gracias!!!! usando el siguiente nunca me funciono:

1
2
3
4
5
6
7
8
9
10
11
12
(function(){
$(#[id]).change(function(){
var valor= $(#[id]").val();
if (valor==[value]){
$(#[segundo-id]).selectmenu( “disable” );
 
}else{
$(#[segundo-id]).selectmenu( “enable” );
}
})
})
</script>

por cierto ojala pudieras poner uno donde aparte de desabilitar lo dejara en blanco, es decir:
si selecciono el que habilita pues lo habilita pero si me arrepiento y selecciono el que lo desabilita pues desabilita pero deja la seleccion anterior visible. Espero explicarme. Saludos y gracias de nuevo.
Responder
luis merino
8 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
super genial eres grande muchas gracias
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2470