因为我可以从 jquery 将数据从一种形式发送到另一种形式？

Posted 2023-05-09

【中文标题】因为我可以从 jquery 将数据从一种形式发送到另一种形式？

【英文标题】：As I can send data from one form to another from jquery?

【发布时间】：2015-10-04 19:36:10

【问题描述】：

我有以下问题。我有两个表格，需要第二个救助表格的第一个数据

例子：

//Form 1
<form id="form1">
      <input type="text" name="years">
</form>

//Form 2
<form id="form2">
      <input type="text" name="month">
      <input onclick="sendForm()">
</form>

<script>
       function sendForm()
          // I need get data from first and second form 
          $("#form2").submit();
       
</script>

我试图序列化（）函数

例子：

 //Form 1
<form id="form1">
      <input type="text" name="years">
</form>

//Form 2
<form id="form2">
      <input type="hidden" name="dataForm1" id="dataForm1">
      <input type="text" name="month">
      <input onclick="sendForm()">
</form>

<script>
       function sendForm()
          // I need get data from first and second form 
          $("#dataForm1").val($("#form1").serialize())
          $("#form2").submit();
       
</script>

但是当有空格时它不起作用

请帮忙！！我搜索了很多时间的解决方案 谢谢！！！！

【问题讨论】：

永远不要为submit 使用click 事件，因为他们忘记了您可以使用键盘提交。请改用submit 事件。据我所知，在表单上调用 val() 也没有任何用处。您需要将输入从一种形式复制到另一种形式。

【参考方案1】：

您可以创建一个新表单并从其他两个表单中添加元素并提交新表单。这对用户也是不可见的。

此示例从 form2 获取 src，但您的示例没有。如果您从其他地方需要它，请调整该功能。新表单将创建隐藏的所有输入元素，但它也可以是文本。

我希望这有助于或至少启发您找到更好的解决方案。

function sendForm()

    var newForm = $("<form>", "src":$("#form2").attr("src"));
    $("form").children().each(function(key, value)
    
        var inputElement = $(value);
        var newHidden = $("<input>", type:"hidden", "name": inputElement.attr("name"), "value": inputElement.val());
        newForm.append(newHidden);
    );
    newForm.submit();

【讨论】：

如果我的答案解决了您的问题，请随时接受和/或投票。 :)