javascript - 在 之外输入标签并提交表单

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