传递ID到自举模态？

我正在使用来自this site的squarespaceModal传递ID到自举模态？

我想知道是否可以将id传递给模态的代码？这是谁在呼叫模态按钮：

<div class="center"> 
    <button id="<?php echo $i; ?>" data-toggle="modal" data-target="#squarespaceModal" class="update_pro btn btn-primary center-block"> 
     update 
    </button> 
</div>

这是模态的第一行：

<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">

来源

2017-08-29 David Dubois

假设所有的第一代码的跨问题是一个PHP内部页面肯定，你可以通过它，但真正的问题是你为什么要添加它？制定动态目标？区分它们？ –

你想做什么？ –

我想在占位符内添加信息。我有一个对象数组（js），我想给该对象的数字添加到输入的占位符（比如name，id ...） –

在您按一下按钮设定的要求值成模态的你输入字段，然后用下面的代码显示模式。

$(".update_pro").click(function() { 
    $('#txtYourTexbBoxWithinModal').val($(this).data('id')); // or something eslse. 
    $('#squarespaceModal').modal('show'); 
});

如果来显示模态然后取出

数据目标= “＃squarespaceModal”

Cheeerssss

来源

2017-08-29 06:21:05 IOTEnthu

在这里，你去了一个解决方案https://jsfiddle.net/32jsq6aL/

$('button[data-toggle="modal"]').click(function(){ 
 
    $($(this).data('target')).attr('btn-id', $(this).attr('id')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="center"> 
 
    <button id="test 1" data-toggle="modal" data-target="#squarespaceModal" class="update_pro btn btn-primary center-block">update</button> 
 
</div> 
 

 
<div class="modal fade" id="squarespaceModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
 

 
</div>

在button上获取，获取data-target并将属性btn-id作为button id附加到目标modal。

希望这会帮助你。

来源

2017-08-29 06:13:16 Shiladitya

这只是一个标准Bootstrap Modal我没有看到任何特别的东西。因此，您需要从模态中获得所有events。

所以你可以写一个事件来捕捉每次打开模式时的陷阱。

$(function() { 
 
    $('#myModal').on('shown.bs.modal', function() { 
 
    alert($(this).attr('id')) 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
 
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<button id="myButton" data-target="#myModal" data-toggle="modal" class="btn btn-primary">Open</button> 
 

 
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="myModal"> 
 
    <div class="modal-dialog" role="document"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
 
     <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     This is my modal body 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     <button type="button" class="btn btn-primary">Save changes</button> 
 
     </div> 
 
    </div><!-- /.modal-content --> 
 
    </div><!-- /.modal-dialog --> 
 
</div><!-- /.modal -->

来源

2017-08-29 06:16:04 Nico

非常感谢！我想获得名为模态形式的按钮的id，posible？ –

传递ID到自举模态？

回答

相关问题