Você pode substituir facilmente a val
função para acionar alterações, substituindo-a por um proxy para a val
função original .
basta adicionar este código em algum lugar do seu documento (depois de carregar o jQuery)
(function($){
var originalVal = $.fn.val;
$.fn.val = function(){
var result =originalVal.apply(this,arguments);
if(arguments.length>0)
$(this).change(); // OR with custom event $(this).trigger('value-changed');
return result;
};
})(jQuery);
Um exemplo de trabalho: aqui
(Observe que isso sempre dispara change
quando val(new_val)
é chamado, mesmo que o valor não tenha realmente sido alterado.)
Se você deseja ativar SOMENTE a alteração quando o valor realmente mudou, use este:
//This will trigger "change" event when "val(new_val)" called
//with value different than the current one
(function($){
var originalVal = $.fn.val;
$.fn.val = function(){
var prev;
if(arguments.length>0){
prev = originalVal.apply(this,[]);
}
var result =originalVal.apply(this,arguments);
if(arguments.length>0 && prev!=originalVal.apply(this,[]))
$(this).change(); // OR with custom event $(this).trigger('value-changed')
return result;
};
})(jQuery);
Exemplo ao vivo para isso: http://jsfiddle.net/5fSmx/1/