如何在引导程序中获取按钮单击的动态值答案

【问题标题】：How to get dynamic value of a button click in bootstrap如何在引导程序中获取按钮单击的动态值
【发布时间】：2016-12-07 14:17:18
【问题描述】：

我刚才问了这个问题，这似乎对我没有帮助。

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

这就是我想要达到的目标。

我每次都单击具有动态 id 的按钮。单击此按钮后，将打开模式。现在我正在这个模态中执行一些操作，比如文件上传（你可以在模态体中看到提交标签）。现在要做到这一点，我需要将该动态 id 放入这个特定的按钮属性中。

我知道这听起来有点令人困惑。但任何解决这个问题的方法都会有很大帮助。

【问题讨论】：

如果您能创建一个Plunker 来显示您当前的情况，那就太好了，这样我们就可以更好地了解您的问题
初始按钮的 onclick 处理程序可以通过事件全局对象将所述按钮的 id 作为引用传递，例如 onclick="openModal(event)" 然后在 function openModal(event){} 函数中，您可以使用 event.currentTarget.id 提取ID。
I need to get that dynamic id into this particular button attribute. 是什么意思？这是关于如何给按钮一个动态ID？或者这是关于将动态 id 推送到模态？
这里是我正在尝试做的一个 sn-p。 plnkr.co/edit/HSsMsErh6RRu7oGtHKJ1?p=preview
“打开模式”的 id=1。一旦我点击打开模式，它旁边就有一个上传按钮。现在我希望这个特殊按钮包含“打开模式”按钮的 id

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

使用 Jquery 打开模态框和按钮的类

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

    });

【讨论】：

什么是.modal？
.modal 是 Jquery 函数它会打开你的模态

【解决方案2】：

给你的按钮一个 id。（对于这个例子，你可以这样做不同）像这样：

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

之后，您需要像这样获取“打开模式”按钮的 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

【讨论】：

$('#myButtonId').html(yourDynamicId) 操纵 html，对吗？如何设置 id 而不是 html？ just$('#myButtonId').id(yourDynamicId) 可以吗？
是的，.html() 将 html 更改为指定值，至于设置 id 属性，您可以使用 $('#myButtonId').attr('id', yourDynamicID)
此按钮的 id 属性已经是 'myButtonId'。我使用上面的逻辑设置了这个，并提醒了这个的 id。它显示“myButtonId”
$('#myButtonId').attr('id', yourDynamicID) 将 #myButtonId 覆盖为 #whateverYourDynamicIdIs。但是这会导致重复的 id 不好。
它不会覆盖我的值