【问题标题】:bootstrap : passing data between two modalsbootstrap:在两个模态之间传递数据
【发布时间】:2017-04-06 14:40:44
【问题描述】:
我有模态1:
客户名称
顾客号码
“链接客户按钮”
当用户点击“链接客户按钮”时,模态2被打开:
客户名称
“搜索按钮”
当用户点击搜索按钮时,他会有一个客户列表,然后他应该选择正确的客户。
第 1 步:将客户名称从模式 1 传递到模式 2(已经完成)
第2步:当用户在模态2中选择正确的客户时,我想关闭模态2并在模态1中显示客户编号
有人可以帮我吗?
你可以在这里找到我的代码:http://www.bootply.com/AGp9tttB54#
【问题讨论】:
标签:
jquery
bootstrap-modal
【解决方案1】:
您可以尝试使用以下方法之一来管理数据,而无需重新加载页面:
1) DOM 操作
侦听Bootstrap Modal events,并从另一个元素更新innerHTML 或value 属性
2) 反应性数据
使用 VueJS 或 Angular 在不与 DOM 交互的情况下对数据进行建模。
我个人推荐第二种方式。
【解决方案2】:
尝试添加这个:
$('#accModal').on('hide.bs.modal', function(e) {
$('#oppModal').find('#opp-accid').val($('#accModal').find('#acc-id').val());
});