你可以简单地使用下面的函数，你也可以改变类型元素。

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

改变隐藏元素的值不会自动触发.change()事件。所以，无论你在哪里设置这个值，你都必须告诉jQuery去触发它。

超文本标记语言

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

JAVASCRIPT

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

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());
}, 3000);

updateChange();

应该按预期工作。

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

$('#userid').change(function(){
  //fire your ajax call  
});

$('#userid').val(10).change();

虽然这个帖子已经有3年了，但下面是我的解决方案:

$(function ()
{
    keep_fields_uptodate();
});

function keep_fields_uptodate()
{
    // Keep all fields up to date!
    var $inputDate = $("input[type='date']");
    $inputDate.blur(function(event)
    {
        $("input").trigger("change");
    });
}

由于隐藏输入不会在更改时触发“change”事件，所以我使用MutationObserver来触发此事件。

(有时隐藏的输入值更改是由一些您无法修改的其他脚本完成的)

这在IE10及以下版本中不起作用

MutationObserver = window.MutationObserver || window.WebKitMutationObserver;

var trackChange = function(element) {
  var observer = new MutationObserver(function(mutations, observer) {
    if(mutations[0].attributeName == "value") {
        $(element).trigger("change");
    }
  });
  observer.observe(element, {
    attributes: true
  });
}

// Just pass an element to the function to start tracking
trackChange( $("input[name=foo]")[0] );

你可以简单地使用下面的函数，你也可以改变类型元素。

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

改变隐藏元素的值不会自动触发.change()事件。所以，无论你在哪里设置这个值，你都必须告诉jQuery去触发它。

超文本标记语言

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

JAVASCRIPT

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

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());
}, 3000);

updateChange();

应该按预期工作。

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

所以这已经很晚了，但我已经找到了一个答案，以防它对任何遇到这条线索的人有用。

改变隐藏元素的值不会自动触发.change()事件。所以，无论你在哪里设置这个值，你都必须告诉jQuery去触发它。

function setUserID(myValue) {
     $('#userid').val(myValue)
                 .trigger('change');
}

一旦这样，

$('#userid').change(function(){
      //fire your ajax call  
})

应该按预期工作。