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

Imágen de perfil

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


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 26 de Mayo del 2016 por Xavi (Creado el 28 de Agosto del 2013)
22.450 visualizaciones desde el 28 de Agosto del 2013. Una media de 133 por semana
Código que muestra como habilitar y deshabilitar un combo (select) según la sección de otro combo.

Versión 1
estrellaestrellaestrellaestrellaestrella(2)

Actualizado el 21 de Julio del 2016 (Creado el 28 de Agosto del 2013)gráfica de visualizaciones de la versión: Versión 1
22.451 visualizaciones desde el 28 de Agosto del 2013. Una media de 133 por semana
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 (2)

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

(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

Comentar la versión: Versión 1

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

http://lwp-l.com/s2470