哪個按鈕切換引導程序模態

Question

我有引導程序模式形式，還有幾個按鈕，稱為這種形式，如下所示：

<a href="javascript:void(0)" data-toggle="modal" data-target="#specialoffer">
    <button class="green full" id="button1">Ask Question</button>
</a>

我可以發送信息，哪個按鈕將模式形式切換為模式形式？ 我想要這樣的形式：

<input type="hidden" name="caller" value="button1">

其中“ button1”是按鈕的ID，用戶可以按下以激活模式。

Answer 1

$('[type="button"]').click(function(e){
    var val = $(e.target).closest('button').attr('data-value');

  $('#myModal').find('input').val(val);
  $('#myModal').modal('show');
});

試試這個jsFiddle 。 這就是你所需要的。

Answer 2

要觸發模式窗口，您需要使用按鈕或鏈接。

當您嘗試通過單擊按鈕打開模態時，您可以收聽show.bs.modal事件。

請嘗試以下方法：

 $('.modal').on('show.bs.modal', function (e) { var trigger = $(e.relatedTarget); $('.modal').find('.modal-body').empty().append('<input type="text" value="'+trigger.attr('id')+'"/>'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.1/js/bootstrap.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.1/css/bootstrap.css" rel="stylesheet"/> <button type="button" id="button1" class="btn" data-toggle="modal" data-target="#myModal">Show Modal</button> <button type="button" id="button2" class="btn" data-toggle="modal" data-target="#myModal">Show Modal2</button> <button type="button" id="button3" class="btn" data-toggle="modal" data-target="#myModal">Show Modal3</button> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>Some text in the modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div>