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

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 05 de Julio del 2016 por xve
2.081 visualizaciones desde el 05 de Julio del 2016. Una media de 21 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
estrellaestrellaestrellaestrellaestrella(1)

Actualizado el 06 de Julio del 2016 (Publicado el 05 de Julio del 2016)gráfica de visualizaciones de la versión: Versión 1.0
2.082 visualizaciones desde el 05 de Julio del 2016. Una media de 21 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 (1)

rfgregr
11 de Mayo del 2018
estrellaestrellaestrellaestrellaestrella
gregre
Responder

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s3584  
Revisar política de publicidad