複数のフォームと1つのモーダル

Question

あなたは私の問題を助けてくれますか？ 私は複数のボタンと1つのモーダルを持っています。ボタンをクリックするたびに、モーダルが正しく表示されます。私は私のモーダルをコード化するのが好きです。私は特定のボタンをクリックしたときにモーダルにボタンの値をエコーするのが好きです。 EX用

：私はbutton 2をクリックすると

button 1. <value="button1"> ----> <a href="#myModal"> 
button 2. <value="button2"> ----> <a href="#myModal"> 
button 3. <value="button3"> ----> <a href="#myModal"> 

、myModalはそれを表示されますプラス値button2は/ myModalにそれをエコー表示されます。

ご協力いただきありがとうございます。^__ ^。

私は言及を忘れていました： モーダルは別のHTML本体にあります。

ここは私のモーダルリンクとスクリプトコードです。

<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     </div> 
    </div> 
</div> 

$(document).ready(function(){ 
    $("#myBtn1").click(function(){ 
      $("#myModal").modal(); 
    }); 
}); 

ボタンの値をエコーするコードはどこに置くことができますか？

Answer 1

一つの解決策は、ボタンにidを追加し、あなたは現在のボタンの値を取得することができ、あなたのモーダル

$(".modal-body #your_html").val($(this).data('id')); 

Answer 2

を開くにはjavascript関数でこれを追加することができます。

$('.modal-body a').on('click', function(){ 
    alert($(this).val()); 
});