Return 值从 Bootstrap 模型到单击以打开模态的元素

Question

我创建了一个 Bootstrap 模态框。当我单击文本元素时它将打开。这是代码：

<input type="text" id="btnModel" >

$( "#btnModel" ).click(function() {
     $('#myModal').modal('show')
  });

当我点击模型中的按钮时，它应该设置输入文本元素的值 btnModel（用于打开模式）。模态如何访问用于打开模态的元素？

Answer 1

您可以在按下的元素上添加 class pressedModal 以打开模式。

从模式中使用此 class 访问该元素，然后在模式关闭时删除此 class：

$(document).on('click', '#btnModel', function() {
    $(this).addClass('pressedModal'); 
    $('#myModal').modal('show');
  });

模态window:

$(document).on('click', '#button_in_modal', function() {
    var buttonPressed = $('.pressedModal');
    // do your stuff
});

$(document).on('click', '#close_modal', function() {
    var buttonPressed = $('.pressedModal');
    buttonPressed.removeClass('pressedModal');
});

Return 值从 Bootstrap 模型到单击以打开模态的元素

Return value from Bootstrap model to the element which is clicked to open modal

jquery

twitter-bootstrap

bootstrap-modal