bootstrap:在两个模态之间传递数据

时间:2017-04-06 14:40:44

标签: jquery bootstrap-modal

我有模态1:

客户名称 顾客号码 "链接客户按钮"

当用户点击"链接客户按钮"时,模态2将被打开:

客户名称

"搜索按钮"

当用户点击搜索按钮时,他会有一个客户列表,然后他应该选择合适的客户。

第1步:将客户名称从模态1传递到模式2(已完成) 第2步:当用户在模态2中选择合适的客户时,我想关闭modal2并在模态1中显示客户编号

有人可以帮助我吗?

您可以在此处找到我的代码:http://www.bootply.com/AGp9tttB54#

2 个答案:

答案 0 :(得分:0)

您可以尝试使用其中一种方法管理数据,而无需重新加载页面:

1) DOM操作

倾听Bootstrap Modal events,并从其他元素更新innerHTMLvalue属性

2)反应数据

使用VueJS或Angular来模拟数据而不与DOM交互。

我个人推荐第二种方式。

答案 1 :(得分:0)

尝试添加:

$('#accModal').on('hide.bs.modal', function(e) {
    $('#oppModal').find('#opp-accid').val($('#accModal').find('#acc-id').val());
});