jQuery - Detect value change on hidden input field

You can simply use the below function, You can also change the type element.

$("input[type=hidden]").bind("change", function() {
       alert($(this).val());
 });

Changes in value to hidden elements don't automatically fire the .change() event. So, wherever it is that you're setting that value, you also have to tell jQuery to trigger it.

HTML 

<div id="message"></div>
<input type="hidden" id="testChange" value=""  />    

JAVASCRIPT

var $message = $('#message');
var $testChange = $('#testChange');
var i = ;

function updateChange() {
    $message.html($message.html() + '<p>Changed to ' + $testChange.val() + '</p>');
}

$testChange.on('change', updateChange);

setInterval(function() {
    $testChange.val(++i).trigger('change');;
    console.log("value changed" +$testChange.val());
}, );

updateChange();

should work as expected.

http://jsfiddle.net/7CM6k/3/

转载：http://stackoverflow.com/questions/6533087/jquery-detect-value-change-on-hidden-input-field