将Bootstrap模型的值返回到单击以打开模态的元素

Question

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

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

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

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

Answer 1

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

使用modal从此类访问该元素，然后在modal close上删除此类：

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

在模态窗口中：

$(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');
});