jquery - 从 iframe 读取表单数据

Question

如何读取用户从 iframe 输入的表单数据？

没有 iframe，我会做这样的事情：

jQuery：

function getRowData(id, parent){
    var data = [];
    $(parent+' table tr').each(function(){
        var row = {};
        $(this).find('select, input, textarea').each(function(){
            if(($(this).attr('id') == id) && (typeof $(this).attr('name') !== 'undefined' && $(this).attr('name') !== false)){
                row['id'] = id;
                row[$(this).attr('name')] = $(this).val();

            }
        });
        data.push(row);
    });
    return data;
}

和 HTML：

<table id="form-table">
<td><input type="checkbox" name="n_available" checked="checked"></td>
<td><input type="checkbox" name="n_oem" checked="checked"></td>
</table>

并调用 jQuery ：

$('.get-data').live('click', function () {
    postData = $(this).attr("id");

    getRowData("form-table", $(this).attr("id");//here i have my form in an array...

});

现在，如果 html 在 iframe 中，我如何获取数据？

Answer 1

您可以iframe使用以下语法访问 的内部文档和元素：

$("#your_iframe_id").contents().find("body"); //this returns the body of the iframe
$("#your_iframe_id").contents().find("#form-table"); //this returns the table form-container inside the iframe

我希望这有帮助！