Question

我目前正在使用最新的jQuery / Bootstrap 3库，切换到jQueryUI。

我目前有一个表单，在这个表单中我有字段，如姓名，地址等...但我也有一个Bootstrap模式，其中包含许多表单复选框字段，我用它来为新用户设置权限我＆＃39 ; m。添加。

模态中没有提交按钮，我宁愿没有。但是模态在我的表单标签内。

我需要做的是在提交表单时，在发布表单时还需要包含模态的输入。

我的表单的ID是#form，我的模式的ID是#myModal

我尝试过几种不同的想法，但每次提交表单时，都不会提交模式的复选框数据。

我一直在玩的一些想法是：

$('#myModal').parent().appendTo($('#form'));
$('#myModal').parent(1).appendTo($('#form'));

$('#myModal').parent().appendTo($('form'));
$('#myModal').parent(1).appendTo($('form'));

和其他许多人。我创建了一个GIST，其中包含我的HTML和我正在测试的JS文件。在JS文件中，您可以看到我尝试过的许多其他注释掉的测试。

https://gist.github.com/diemuzi/03ec70f7ff4973c5923a

我在这里不知所措，有什么想法吗？

Answer 1

你提到你在模态中没有提交按钮，而且bootrap模式包含了一些非常有用的事件，看看 HERE 。

您可以只检索复选框的值或您输入的任何输入类型。 bootstap插件中的自定义事件是一个很好的无价格功能。

也许你正在寻找的是hide.bs.modal事件，根据文件的说法，在以下情况下被解雇：

隐藏实例方法一旦触发，就会立即触发此事件调用。

所以psedo代码看起来像：

$(document).on('hide.bs.modal' , function(e){
    // go retrive all the values ...
});

Bootstrap模式将输入附加到表单

1 个答案: