如何获取数据id的值并将其放入twitter引导模式中


How to get value of data-id and place it into a twitter bootstrap modal?

我正在尝试获取数据库中包含和id的数据id的值。我需要获取admin_id并将其放入twitter引导模式中。如何使用java脚本获得该值?

<a data-toggle="modal" data-id="<?=$row['ADMIN_ID'];?>" href="#view_contact" class="btn btn-info btn-xs view-admin">View</a>

这是我的模式

            <div class="modal fade" id="view_contact" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4>Admin modal!!</h4>
                        </div>
                        <div class="modal-body">
                            Admin Id:<p id="showid"></p>
                        </div>
                        <div class="modal-footer">
                            <a class="btn btn-default" data-dismiss="modal">Close</a>
                        </div>

                    </div>
                </div>
            </div>

这是我的java脚本

            <script type="text/javascript">

            $(document).on("click", ".view-admin", function () {
                 var adminid = $(this).data('id');
                 $(".modal-body #showid").val( adminid );
                 $('#view_contact').modal('show');
            });
            </script>

它没有显示在我的模态中。他们都在同一页上。我该怎么做?这有点新鲜。

问题是,您正试图将值分配给p标记。p标记没有value属性。使用text()html()

$(document).on("click", ".view-admin", function() {
    var adminid = $(this).data('id');
    $(".modal-body #showid").text(adminid);
    $('#view_contact').modal('show');
});

您可以直接替换

$(".modal-body #showid").val( adminid );

带有

$("#showid").text( adminid );

您不需要为id #showid引用类名.modal-body,因为根据W3C验证,一个页面中必须只有一个id名称。使用id进行引用是访问任何html元素的最快方式。