检测动态表单输入更改

Question

I'm attempting to perform an action when my form's inputs are changed, but it is not working. My form is added dynamically:

<iframe onload="javascript:parent.scrollTo(0,0);" 
  height="447" allowTransparency="true" frameborder="0" scrolling="no" 
  style="width:100%;border:none" src="https://emu.edu/machform/embed.php?id=38142"
  title="Form"><a href="https://emu.edu/machform/view.php?id=38142" title="Form">Form</a>
</iframe>

Here's my jQuery:

function doThis() {
    alert("Form changed!");
}

$("iframe").on('change', 'input', doThis);

Answer 1

You have to wait for the iframe to load:

$('iframe').load(function() {
  $("iframe").contents().find("input").on("change", doThis);
});