Código de JavaScript - Activar botón al seleccionar varios <select>

Imágen de perfil

Activar botón al seleccionar varios <select>gráfica de visualizaciones


JavaScript

Publicado el 05 de Julio del 2016 por xve
935 visualizaciones desde el 05 de Julio del 2016. Una media de 42 por semana
Este simple código de ejemplo, muestra como activar y desactivar un botón según si hemos seleccionado alguna opción en los tres <select> que se encuentra en la pagina.

Versión 1.0

Actualizado el 06 de Julio del 2016 (Creado el 05 de Julio del 2016)gráfica de visualizaciones de la versión: Versión 1.0
936 visualizaciones desde el 05 de Julio del 2016. Una media de 42 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
41
42
43
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script>
	function validar()
	{
		document.getElementById("ver").disabled="disabled";
		for(var i=0;i<document.getElementsByTagName("select").length;i++)
		{
			if(document.getElementsByTagName("select")[i].value==0)
				return false;
		}
		document.getElementById("ver").disabled=false;
	}
	</script>
</head>
 
<body>
	<select onchange="validar()">
		<option value="0">Selecciona</option>
		<option value="1">opción 1</option>
		<option value="2">opción 2</option>
		<option value="3">opción 3</option>
	</select>
 
	<select onchange="validar()">
		<option value="0">Selecciona</option>
		<option value="1">opción 1</option>
		<option value="2">opción 2</option>
		<option value="3">opción 3</option>
	</select>
 
	<select onchange="validar()">
		<option value="0">Selecciona</option>
		<option value="1">opción 1</option>
		<option value="2">opción 2</option>
		<option value="3">opción 3</option>
	</select>
 
	<button id="ver" disabled>Ver</button>
</body>
</html>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

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

http://lwp-l.com/s3584