Detectar cambio de valor input hidden

grone2013 · #1 (**permalink**) 23/10/2015, 10:01

Saludos Compañeros.

El evento change en jQuery detecta cambios en ciertos elementos como lo son elementos de formulario. El asunto es que change no reconoce el cambio de valor en unput de tipo hidden.

Como puedo implementar el hecho de reconcer el cambio de valor de un unput hidden, cada vez que este cambie de valor ejecutar una función.

Gracias

MrGilbertMan · #2 (**permalink**) 23/10/2015, 11:11

Hola,

si es un formulario... ponle onchange en los inputs visibles y verifica cada vez que cambie el valor de un input visible que no cambio el oculto.

sintel_1 · #3 (**permalink**) 23/10/2015, 11:16

Hola.

efectivamente jquery no detecta el cambio en los hidden, debes de indicarselo con la funcion change()

prueba asi:

Código HTML:

Ver original<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>titulo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
<script>
$(document).ready(function(){
$('#btn').click(function(){
$("input[name='oculto']" ).val('Adios').change();
  }); 
$("input[name='oculto']").change(function(){
valor = $("input[name='oculto']" ).val();
alert("Cambiado a : " + valor);
});
}); //fin de ready
</script>
</head>
<body>
<form>
<input name="oculto" type="hidden" value="hola">
</form>
<button id="btn">Cambiar</button>
</body>
</html>

Saludos