versteckter Eingang Änderungsereignis

Question

Wie kann ich eine Änderung des Werts eines verborgenen Eingangs erkennen? Ich habe bereits versucht, diese Ansätze ohne Erfolg:

$('#id_inpout').live('change',function() { 
     var id_el = $(this).attr('id'); 
     alert(id_el); 
    }); 

und

$('#id_inpout').change(function() { 
     var id_el = $(this).attr('id'); 
     alert(id_el); 
    }); 

und

$('#id_inpout').bind('change',function() { 
     var id_el = $(this).attr('id'); 
     alert(id_el); 
    }); 

Answer 1

Wie in Duplikaten gesagt wurde, und wie Sie gesehen haben, getan Änderungen in JavaScript don‘ t löst das Ereignis change aus.

Da ich nicht akzeptabel Antworten in der Duplikate gefunden haben (dh Antworten nicht eine Änderung in der Art und Weise der verborgene Wert gesetzt Beteiligung) und vorausgesetzt Sie wirklich brauchen, dass (dh nicht rufen Sie können Ihre Funktion, wenn Sie die versteckten Eingang val ändern), ist hier, was Sie tun könnten:

function survey(selector, callback) { 
    var input = $(selector); 
    var oldvalue = input.val(); 
    setInterval(function(){ 
     if (input.val()!=oldvalue){ 
      oldvalue = input.val(); 
      callback(); 
     } 
    }, 100); 
} 
survey('#id_inpout', function(){console.log('changed')}); 

Aber ich würde vorzugsweise einen direkteren Lösungen (dh eine Funktion aufrufen verwenden, wenn Sie die versteckten Eingabewert ändern). Diese Funktion könnte ein einfacher Event-Dispatcher sein (im Grunde ein Objekt, das eine Liste von Funktionen umschließt, die beim Aufruf aufgerufen werden).

EDIT: Es ist jetzt 2015 und für Leute, die sich wundern, nein, keine der jüngsten Fortschritte der Web-Welt lösen dieses Problem. Mutationsbeobachter beobachten nicht die Werteigenschaft der Eingabe (es ist nicht wirklich das DOM) und ES6-Objektbeobachter sind auch für diese nativen Objekte machtlos.

Answer 2

Sie auch trigger('change') verwenden könnte, nachdem Sie neuen Wert der verborgenen Eingang zuweisen:

$('#hidden_input').val('new_value').trigger('change');