從遠程/模態引導表單中添加元素並使用父頁面表單提交它們

我需要一個具有表單的父引導頁面。在這個頁面中，我有一個引導動態模式，加載在外部頁面中，該頁面包含一些表單元素以及提交父頁面表單的提交按鈕。當我點擊提交按鈕時，我需要在父頁面上的表單元素中包含child/ajax/included頁面上的表單元素。目前，表單DOES已被提交，但表單元素未被包含。從遠程/模態引導表單中添加元素並使用父頁面表單提交它們

CODE：

主頁面：

<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>

的問題是，當我點擊那個提交父頁面的形式模內提交按鈕，表單DOES提交，但子頁面的輸入不包含在表單中。我需要做些什麼來使輸入項目與父頁面表單一起被包含？

謝謝！

來源

2014-10-03 CRAIG

請不要使用「bootstrap」標籤，使用「twitter-bootstrap」標籤，因爲它意味着別的東西 – 2014-10-13 13:22:13

能夠找到答案：

這個jquery進入外部/模態頁面。它會檢查輸入是否已更改，並且是否更改，然後創建一個全新的隱藏字段並將其附加到父表單。。

$（ '輸入[名$ = 「類別」]'）變化（函數（）{ VAR thecat = $（本）.VAL（）;

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

}）;

來源

2014-10-04 15:04:25 CRAIG

從遠程/模態引導表單中添加元素並使用父頁面表單提交它們

回答

相關問題