javascript - jQuery 选择器和 IFrame

Question

我将不胜感激以下方面的帮助：

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

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

有三个 div 标签用于绘制 iframe：div-1 div-2 div-3。所有表格都没有 id。但是，所有三个表单共享相同的名称属性“rdForm”。

将使用什么选择器在 onclick 按钮事件中提交每个表单？还是比这更复杂？

Answer 1

如果您可以访问框架：

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