如何将表单的目标设置为 jquery 的 fancybox？

Question

我有一个表格：

<form id="form" method="GET" action="">
    <input type="hidden" name="hashKey" value="123" >
    <input type="text"  name="orderID" placeholder="orderid">
    <input type="hidden"  name="currencyCode" value="USD">
    <input type="text"  name="amount" value="10.0">
    <input type="hidden" name="payModel" value="sandbox">   

    <button type="submit" id="payModel" name="payModel" value="sandbox">click to buy</button>
</form>

提交表单后，使用下面的 javascript 存储值

$(document).ready(function(){      //selecting the form upon submit
    $("#form").submit(function(){
        var formAction = $(this).attr("action");
        var hash = $("input[name=hashKey]").val();
        var id = $("input[name=orderID]").val();
        var code = $("input[name=currencyCode]").val();
        var amount = $("input[name=amount]").val();
        var pay = $("input[name=payModel]").val();

        var link = formAction+"?hashKey="+hash+"&orderID="+id+"&currencyCode="+code+"&amount="+amount+"&payModel="+pay;

        var testlink = "http://google.com";


        $("#form").attr('target',"_self");
        $("#form").attr('action',testlink);
    }
}

链接工作正常，但问题是我希望最终形式 'action' 在 fancybox iframe 中打开。有什么想法吗？？

打开fancybox非常简单

fiddle

Answer 1

您可以像下面这样使用它：

$.fancybox.open({
    href: link,
    type: 'iframe',
    padding: 0
});

Answer 2

我明白了！！！

使用此解决方案中的第二种方法。

How do I submit the data of a form to an iframe in Fancybox?

       $(function() {

$("#form").submit(function() {

    $form = $(this);

    $.fancybox({
            'title': "form submission",
            'href': $form.attr("action") + "?" + $form.serialize(),
            'type': 'iframe'
    });

    return false;

});

});

如何将表单的目标设置为 jquery 的 fancybox？

how to set a form's target to a fancybox with jquery?

html

javascript

forms

jquery

fancybox-2