在 <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();