获取数据id模态引导程序

Question

我希望在点击按钮时，它会在模态中显示数据ID。

<button data-id="$id" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">OPEN</button>

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                            <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                                        </div>
                                        <div class="modal-body">
                                           <?PHP echo $id; ?>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary">Save changes</button>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>      

我尝试了几个教程并且它不起作用，它是jquery版本吗？

如何在模态中打印ID？

Answer 1

您可以在按钮上创建活动。

var myBtn = document.getElementByClassName("btn");

myBtn.addEventListener("click", function() {
   var dataId = document.getElementByClassName("btn").dataset.id;
   console.log(">>>>dataId: ", dataId);

   document.getElementByClassName("modal-body").innerHTML = dataId;
});