Question

我有一个iframe内部的表单，我需要确保表单提交给iframe的父级。目标=“_顶部”和目标=“_父母”不起作用，我开始对自己有点加重。

如果有人能指出我正确的方向，那将是非常棒的。：）

我有一个普通的iframe与src到一个html页面 - 那个html页面有这个......

<form action="#" method="post" target="_parent" >
  <table id="Table_01" width="308" height="411" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="6">
            <img src="index_01.png" width="308" height="163" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="4">
            <img src="index_02.png" width="112" height="142" alt=""></td>
        <td colspan="3" style="background-image: url('optin_name.png');" width="189" height="40" alt="">
         <input type="text" name="name" style="background: transparent;border:0px;font-size:25px;width:185px;height:37px">
        </td>
        <td rowspan="6">
            <img src="index_04.png" width="7" height="247" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="index_05.png" width="189" height="33" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" style="background-image: url('optin_email.png');" width="188" height="40" alt="">
            <input type="text" name="email" style="background: transparent;font-size:25px;border:0px;width:185px;height:37px;">
        </td>
        <td rowspan="4">
            <img src="index_07.png" width="1" height="174" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="index_08.png" width="188" height="29" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="index_09.png" width="73" height="105" alt=""></td>
        <td colspan="2" style="background-image: url('optin_submit.png');" width="174" height="54" alt="">
            <input type="submit" name="submit" value="                 " style="background: transparent;border:0px;width:170px;height:50px;">
        </td>
        <td rowspan="2">
            <img src="index_11.png" width="53" height="105" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="index_12.png" width="174" height="51" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="spacer.gif" width="73" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="39" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="135" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="53" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="spacer.gif" width="7" height="1" alt=""></td>
    </tr>
</table>
</form>

我无法将它发布到与新窗口相对的iframes父窗口和/或iframe本身内部，两者都不是没有。

Answer 1

表单中的action属性似乎有问题。您要将数据发布到哪个网址？尝试将action属性中的#替换为目标网址。

Answer 2

防止默认提交行为
使用window.parent访问父
让家长在iframe

How to do a Jquery Callback after form submit?

$("#myform").submit(function(event) {
    event.preventDefault();
    var val = $(this).find('input[type="text"]').val();

    // I like to use defers :)
    deferred = $.post("http://somewhere.com", { val: val });

    deferred.success(function () {
        // Do your stuff.
    });

    deferred.error(function () {
        // Handle any errors here.
    });
});

表格目标是iframes PARENT

2 个答案: