从iframe读取表单数据

时间:2012-08-26 09:53:16

标签: jquery html forms iframe

如何阅读用户从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中,我如何获取数据?

1 个答案:

答案 0 :(得分:2)

您可以使用以下语法访问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

我希望有所帮助!