jQueryは動的にフォームを作成して送信します

Question

コードでフォームを作成して送信しようとしています。以下に何が間違っていますか？

$('#btnPrintInvoicePerFile').on('click', function (event) { 
    event.preventDefault(); //stop link default 

    var componentInvoiceId = EberlsComponentInvoiceForm.componentInvoice.Id; 
    console.log(componentInvoiceId); 

    $('<form>', { 
     "id": "getInvoiceImage", 
     "html": '<input type="text" id="componentInvoicId" name="componentInvoicId" value="' + componentInvoiceId + '" />', 
     "action": window.siteRoot + 'ComponentInvoice/GetInvoiceImage/' 
    }).submit(); 

}); 

Answer 1

は、第1の本体要素にフォームを追加してください：

$('<form>', { 
    "id": "getInvoiceImage", 
    "html": '<input type="text" id="componentInvoicId" name="componentInvoicId" value="' + componentInvoiceId + '" />', 
    "action": window.siteRoot + 'ComponentInvoice/GetInvoiceImage/' 
}).appendTo(document.body).submit();