JavaScript - Necesito que detecte el change de un input sin hacer click

   
Vista:

Necesito que detecte el change de un input sin hacer click

Publicado por adrian (4 intervenciones) el 14/12/2017 11:46:39
Buenos dias,

Tengo este codigo..
un input que filtra los resultados y al seleccionar 1 pues deberia aparecer el siguiente campo que es un radio button..
eso funciona pero para que funcione tengo que seleccionar y hacer click fuera del elemento o pulsar enter o tabular sino no coge el valor y no entra en el siguiente campo..

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<script>
 
$(document).ready(function() {
	src = 'includes/search.php';
 
	$("#cbx_referencia").autocomplete({
		source: function(request, response) {
			$.ajax({
				url: src,
				dataType: "json",
				data: {
					term : request.term,
					id : id
				},
 
				success: function(data) {
					response(data);
 
				}
 
			});
		},
 
		select: function (event, ui)
		{
 
			var item = ui.item;
			var itemLabel = item.label;
			var itemValue = item.value;
 
		}
 
	});
 
});
 
 
</script>
 
<script>
 
$(document).ready(function(){
	$("#cbx_referencia").bind("change paste keyup", function() {
 
		referencia = $(this).val();			<!--Asignamos el Valor seleccionado en el campo referencia a la variable referencia-->
		$.post("includes/getseccion.php", { referencia: referencia, id: id }, function(data){		<!--Enviamos el dato seleccionado en el campo referencia mediante la variable antes asignada, se envia al archivo  getseccion.php-->
			a = (data);
 
			 nuevaCadena = a.trim();
												<!--Enviamos el dato seleccionado en el campo aplicador mediante la variable antes asignada, se envia al archivo  getseccion.php-->
			var todos=nuevaCadena.split(",");
			for(var i=0;i<todos.length;i++);
			numero = (todos[0]);
 
			bb=1;
			while (bb <= numero) {
				ele = document.createElement('input');
				ele.type = 'text';
				ele.style = 'width:100px';
				ele.name = 'cbx_seccion'+bb;
				ele.id = 'cbx_seccion'+bb;
				botones1.appendChild(ele);
				document.getElementById('cbx_seccion'+bb).readOnly = true;
				document.getElementById('cbx_seccion'+bb).value =(todos[bb]);
				var texto = document.createTextNode('  ');
				botones1.appendChild(texto);
 
				ala = document.createElement('input');
				ala.type = 'radio';
				ala.style = 'width:16px;height:16px';
				 ala.value= (todos[bb]);
				ala.name = 'contad';
				botones1.appendChild(ala);
				var texto = document.createTextNode('  ');
				botones1.appendChild(texto);
				bb=bb+1;
			}
 
		});
	})
 
});

nose si tengo que meter algo en donde pone select fuction porque si pongo alert ahi en cuanto seleciono el elemento me sale la alerta.. pero que me falta en el codigo para que solo con pulsar en el elemento ya aparezca el siguiente campo.. es como si no detectara el change hasta que haces click fuera del cuadro de elementos o pulsar enter...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

Necesito que detecte el change de un input sin hacer click

Publicado por ScriptShow (471 intervenciones) el 14/12/2017 12:31:00
Saludos Adrian,

un ejemplo entendible:

1
2
3
4
5
<select onchange="confirm(this.value)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>

Filtra el valor con una condición: if (. . .) {. . .}

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Necesito que detecte el change de un input sin hacer click

Publicado por adrian (4 intervenciones) el 14/12/2017 12:46:44
Buenas.. pero yo no tengo un select.. tengo un input y el input no tiene la opcion value..
me muestra una lista pero no es un select puedo escribir en el y va buscando con lo que coencide
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow

Necesito que detecte el change de un input sin hacer click

Publicado por ScriptShow (471 intervenciones) el 14/12/2017 13:30:41
Revisa estas referencias entendibles y adaptables:

https://www.w3schools.com/PhP/php_ajax_livesearch.asp

Espero sea útil.

P.D.: Los INPUT tienen opción de VALUE

Un saludo
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar