2015-07-31 7 views
1

Я пытаюсь выполнить действие, когда входы моей формы изменены, но он не работает. Моя форма добавляется динамически:Обнаружение изменения формы динамической формы

<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> 

Вот мой JQuery:

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

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

является главной страницей и IFrame на том же домен? Возможно, посмотрите здесь: http://stackoverflow.com/questions/364952/jquery-javascript-accessing-contents-of-an-iframe – Zimmi

+0

Одинаковый домен, да. –

+0

Это ошибка безопасности: «Оба кадра изолированы песочницей и не имеют флаг« allow-same-origin ». См. Консоль. – Vidul

ответ

1

Вы должны ждать фрейма для загрузки:

$('iframe').load(function() { 
    $("iframe").contents().find("input").on("change", doThis); 
}); 
Смежные вопросы