在中添加来自远程/模式引导程序表单的元素，并将它们与父页面表单一起提交

我需要一个带表单的父引导页面。在这个页面中，我有一个引导动态模式，它加载到一个外部页面中，该页面包括一些表单元素，还有一个提交按钮，用于提交父页面的表单。当我单击提交按钮时，我需要子/ajax/included页面上的表单元素与父页面上的表格元素一起包含。目前，表单确实已提交，但表单元素未包含在内。

代码：

主页：

<form id="file_form" method="get" action="/SearchPage.html">

 <!-- MODAL THAT DYNAMICALLY LOADS ExternalForms.html VIA THE BUTTON BELOW -->
 <div class="modal fade mboxmodal" id="myModalcats" 
tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="z-index: 99999999;">
   <div class="modal-content">
    </div>
  </div>
 </div>

 <!-- THIS BUTTON LAUNCHES THE BOOTSTRAP MODAL AND LOADS ExternalForms.html IN IT -->
     <button href="/ExternalForms.html" data-toggle="modal" 
     data-target="#myModalcats">Categories</button>

 <!-- A RANDOM FORM INPUT --> 
 <input name="input1" value="48">
 </form>

外部页面：

 <!DOCTYPE html>
 <html>
 <head> 
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <title>Filter By Category</title>  
 </head>
 <body>
        <div class="modal-header">
 <!-- HERE IS THE SUBMIT BUTTON WITHIN THE EXTERNAL PAGE THAT SUBMITS THE PARENT PAGES FORM-->
 <button type="submit" onclick="javascript:$('#file_form').submit();" 
 class="btn btn-default pull-right" data-dismiss="modal">Submit</button>
        </div>
        <div class="modal-body">
  <!-- HERE IS THE INPUT ON THE MODAL/AJAX PAGE
        THAT I NEED TO BE INCLUDED IN THE SUBMIT OF THE PARENT PAGE-->
        <input type="checkbox" name="category" value="38">
   </div>
 </body>
 </html>

问题是，当我在提交父页面表单的模式中单击提交按钮时，表单确实提交了，但来自子页面的输入没有与表单一起包含。我需要做些什么来使输入项与父页面表单一起包含吗？

谢谢！

能够找到答案：

这个Jquery进入外部/模式页面。它检查输入是否已更改以及是否已更改，然后创建一个全新的隐藏字段并将其附加到父窗体。

$（'input[name$="category"]'）.change（function（）{var thecat=$（this）.val（）；

$('#file_form').append('<input type="hidden" name="category" value='+ thecat + ' />');

})；

相关内容

最新更新

热门标签：