我想提交一个使用 AJAX 动态创建的表单(通过之前的表单提交),但我无法让它成功工作。生成的表单具有所示的格式,并且正在成功创建
<div id="1" class="container-element">
<h3>HEADER</h3>
<form id="formCELL" name="form_1" action="refresh.php" method="post">
<div class="panel-body">
<div class="col-xs-10 com">CONTENT GOES HERE</div>
<div class="col-xs-2 btn"><button class="btn btn-primary" id="refresh" type="submit">Refresh</button> </div>
</div>
</form>
</div>
用于生成表单,然后刷新内容的函数,就在这里。目前,单击刷新按钮时不会输入 $('#formCELL').submit(function(event)
函数。
$(document).ready(function() {
$('#formMAIN').submit(function(event) {
//formCELL is generated here through AJAX call.....
});
$('#formCELL').submit(function(event) {
// process the form
alert("about to submit");
//AJAX call to go here
event.preventDefault();
});
});
我猜测问题与我在 $(document).ready
中使用提交函数有关,此时尚未创建我想要刷新的表单,但我不确定如何从这里继续。
最佳答案
尝试:
$(document).on('submit', '#formCELL', function(event) { ... });
我为你创建了一个jsFiddle: JsFiddle
我根据您的需要修改了jsFiddle。现在第一个表单生成第二个表单,由 seconf 提交函数处理
关于javascript - 无法提交生成的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39465212/