2016-12-06 19 views
-2

ブートストラップモーダルで動的データを渡すには?私は次のことを達成しようとしています

私がボタンを持っている:

<button id= "<dynamicid>" type="button" class="btn btn-danger btn-sm pull-right" data-toggle="modal" data-target="#mymodal">Open</button> 

id属性は毎回変わります。このボタンをクリックするとモーダルが開きます。私が達成しようとしているのは、この動的IDを開くモーダルです。この上

<div class="modal fade" id="mymodal" data-placement="right" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
     <div class="modal-header" style="padding: 4%; background-color: white; color: #6A6A6A; font-family: 'Crete Round', serif;"> 
     <input type="submit" class="btn btn-primary btn-sm" value="submit"/> 
     <div class="modal-footer"> 
     </div> 
     </div>  
    </div> 
</div> 
</div> 

任意の提案は、大きな助けになるでしょう:

はここでいっぱいモーダルです。

$('#mymodal').on('show.bs.modal', function(e) { 
    $(this).find('.modal-body').text(e.relatedTarget.id); 
}); 

Example


参考:あなたがここにID、それを行うことができる方法の例で何をしたいかに実際に具体的だしなかったよう

+2

「この動的IDをモーダルに入れる」とはどういう意味ですか? – empiric

+0

上記で作成した小さな編集

+0

いいえ、IDで何をしたいですか?それをhtmlで表示しますか? – empiric

答えて

関連する問題