在循环中提交表单

时间:2013-04-23 18:37:40

标签: jquery forms loops submission

我有一个PDF生成器,它将完整的HTML文档字符串作为参数,然后打开在新选项卡/窗口中创建的PDF,或者下载该文件。我被要求连接一个表单,该表单允许制作一个带有分号分隔名称并从中生成多个PDF的证书。以下是执行此操作的代码:

$("#certgensubmit").click(function (event) {
    // Get the names to generate certificates for. 
    var names = $("#presented-to").html().split(';');
    $.each(names, function(index, value) {
        if(value.length > 0) {
            var presentedBy = $("#presented-by").html();
            var awardName = $("#award-name").html();
            var presentedDate = $("#presented-date").html();
            var signerName = $("#signer-name").html();

            var html = getCertificateHTML(presentedBy, value, awardName, presentedDate, signerName);
            //console.log(html);
            $("#HtmlContent").val(html);
            $("#pdfform").submit();
        }
    });
});

这是有效的,只是它只创建第一个证书PDF。不过,它每次都在处理代码。如果我取消注释“console.log(html)”行,我会在Chrome控制台中看到正确的输出。我能够通过在循环中用JavaScript创建一个新文档,并在每个文档中运行表单提交来实现它。唯一的问题是它只在将文本放入发送到PDF生成器的字段中时才起作用,但在生成器需要的字段中发送HTML时完全失败。因此,似乎问题与在创建PDF期间打开新选项卡有关。我需要这样做,因此用户不会被接受接受PDF输入的UI。

不要太过追赶PDF生成方面 - 我只需要知道如何在jQuery的每个循环中多次触发表单提交,并使用不同的值。剩下的就是上下文。

1 个答案:

答案 0 :(得分:0)

也许你不能多次提交表格。

因此,请将提交功能更改为帖子,然后删除表单标记。

....

$("#HtmlContent").val(html);

$.post("pdf_creator.php",
{
  input_name:$("#HtmlContent").val()
},
function(data,status){
  //alert("Data: " + data + "\nStatus: " + status);
});

....


<!--<form action='pdf_creator.php' id='pdfform'> //form tags out -->
    <input type='text?' name='input_name' id='HtmlContent' value=''>
<!--</form>-->

希望这有效,并帮助你。