jQuery选择器和IFrame

时间:2013-03-26 21:33:45

标签: javascript jquery

我将非常感谢以下方面的一些帮助:

我在三个iframe中有三个表单,在公共父页面中有三个按钮。按钮的onclick事件需要在iframe中提交表单。

iframe通过JavaScript动态实例化到父页面中,但我认为这并不重要。

有三个div标签用于绘制iframe:div-1 div-2 div-3。 这些表单都没有id。但是,所有三种形式共享相同的名称属性“rdForm”。

在onclick按钮事件中使用哪个选择器来提交每个表单?还是比这更复杂?

1 个答案:

答案 0 :(得分:0)

如果您有权访问这些框架:

<input type="button" class="submit" data-iframe="iframe_name_1" value="Submit" />
<input type="button" class="submit" data-iframe="iframe_name_2" value="Submit" />

<script type="text/javascript">
    $(function() {
        $('.submit').on('click', function(e) {
            e.preventDefault();
            var iframename = $(this).data('iframe');
            window.top['iframename'].document.rdForm.submit();
        });
    });
</script>