将数据从纽顿传递到模态引导
将数据从纽顿传递到模态引导
提问于 2019-06-06 13:44:26
我在一个页面上打开一个模式的按钮元素是相同的页面，当它打开的时候我想把数据从按钮传递到一个模态。有没有办法在没有javascript/jquery或使用javascript/jquery的情况下实现这种功能？下面是我的标记的html片段
<button class="btn-icone bg-warning" data-toggle="modal" data-target="#modaleIcones"
data-id=1235>
<i value=Radiology class="fa fa-edit"></i> </button>
<div class="modal fade" id="modaleIcones">
<div class="modal-dialog" >
<div class="modal-header">
</div>
<div class="modal-body">
<a href="#" id="iconLink1">
<img src="myImg.png">
</a>
</div>
</div>
</div>
我需要将数据id=1235从按钮传递给带有id="iconLink1“的模态体锚元素。我很感谢你的帮助
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-06-06 14:31:41
在Jquery和Bootstrap modals (用版本4进行测试)中，您可以这样做：
$('[data-toggle="modal"]').on('click.modal.data-api', function(event) {
var targetModal = $($(this).data('target'));
var content = $(this).data('content');
targteModal.find('.modal-content').html(content);
}例如，您可以在data-content属性中保存一个模板文件名，然后用加载它。
Stack Overflow用户
发布于 2019-06-06 13:58:16
为此，您需要使用JS/jQuery。
我不会给您确切的代码，但是下面是您需要遵循的步骤：
- 给按钮一个
id，这样您就可以通过JS代码识别您希望从哪个DOM元素中操作/获取数据。例如<button id='myButton'> - 使用
document.getElementById('#myButton')获取元素。 - 使用
data-id函数获得它的jQuery属性：.attr("data-id")。如果你愿意的话，把它存储到一个变量中。 - 在该模型中，您现在可以从存储它的变量访问数据id，或者直接进行调用。
Stack Overflow用户
发布于 2019-06-06 14:45:28
通过单击按钮获取'data-id'的属性值，将其添加到变量中，然后用id iconLink1设置a标记的href元素。
$('#myButton').click(function() {
var _data = $(this).attr('data-id');
$('#iconLink1').attr('href' , _data);
});您还可以在删除新变量后添加一个console log(_data);来检查单击。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56478928
复制相关文章
相似问题
腾讯云开发者
