Question

我回想起这个问题，但这似乎对我没有帮助。

这里是：How to pass dynamic data in bootstrap modal?

这就是我想要实现的目标。

我点击每次都有动态ID的按钮。一旦我点击这个按钮，模态就会打开。现在我在这个模态中执行文件上传等操作（你可以在模态体中看到提交标签）。现在要做到这一点，我需要将动态id转换为这个特定的按钮属性。

我知道这听起来有点令人困惑。但任何绕过这件事的方法都会有很大的帮助。

Answer 1

使用Jquery打开模态框，并使用按钮

  $(".buttonClass").click(function(){
       $(".modal ").modal();
       var Id=$('.buttonCLass').attr('id');
       $('.modalButtonClass').attr('id',Id);

    });

Answer 2

为您的按钮添加ID。（对于这个例子，你可以这样做）这样：

<button type="button" id="myButtonId" class="btn btn-primary btn-sm">Upload</button>

之后你需要得到'open modal'按钮的id，如下所示：

$('[data-toggle="modal"]').on('click', function(){
  var yourDynamicId = $(this).attr('id');
});

您需要将此值分配给输入，如下所示：

$('#myButtonId').html(yourDynamicId);

导致总共：

$('[data-toggle="modal"]').on('click', function(){
  var yourDynamicId = $(this).attr('id');
  $('#myButtonId').html(yourDynamicId);
});

注意：出于这个答案的目的，我会覆盖按钮的innerHTML，你可以做任何你想做的事情。

注意2：plnkr中的HTML无效。以下是HTML的固定版本（已将ID添加到按钮中）Here is the fixed plnkr

如何在bootstrap中获取按钮单击的动态值

2 个答案: