傳遞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到自舉模態？

回答

相關問題