在<form>之外输入标签和提交表单

Question

我知道如何从表单外提交表单，例如：

<form action="Get?id_sec=120" method="post" id="form15" name="form15" style="display:none"></form>

<input type="submit" class="finish-button primary-button button" border="0"  value="Limpar pedido" form="form15" onclick="javascript:document.form15.submit();" />

但是我想在javascript中添加带有form引用的标记，因为命令form="example"在Internet Explorer中不起作用。

示例：

<input class="input-cep" name="pr001" id="cepfrete" type="text" form="form15"/>

或

<input type="radio" name="tipofrete" value="4" form="form15">` 

我该怎么做？

嘿，文斯，谢谢，这很有效。非常有用的帮助！我只需要另外一件事。如何在jQuery中以相同的形式放置input和select？

示例：

<input type="text" data-form="dataForm" name="external-input-2">

<Select id="selectField_1" name="selectField_1" data-form="dataForm" >   
     <option value="52" data-form="dataForm">A</option>
</Select>

Answer 1

从表单外部提交表单：

HTML

<form id="theForm">...</form>
<button id="submitTheForm">Click to Submit</button>

的jQuery

$('#submitTheForm').on('click', function() {
    $('#theForm').submit();
});

要在表单提交中包含外部输入：

HTML

<form id="theForm">...</form>
<button id="submitTheForm">Click to Submit</button>
<input type="text" data-form="theForm" name="external-input-1">
<input type="text" data-form="theForm" name="external-input-2">

的jQuery

您可以将外部输入作为隐藏输入附加到表单：

$('#submitTheForm').on('click', function() {
    var form = $('#theForm');

    $('input[data-form="theForm"]').each(function() {
        var input = $(this);
        var hidden = $('<input type="hidden"></input>');
        hidden.attr('name', input.attr('name'));
        hidden.val(input.val());
        form.append(hidden);
    });

    form.submit();
});

Answer 2

我不确定我是否完全理解你的问题，但如果你问的是如何在不同的情况下提交外部表格，她就是我的答案。

将来，只需在表单上加id即可。

<form id="form15"></form>

然后从任何地方提交此表单，您只需在onclick，函数等中调用以下javascript行。

document.getElementById("form15").submit();