如何获取data-id的值并将其置于twitter bootstrap模式中？

我试图在我的数据库中获取包含和id的data-id的值。 我需要获取admin_id并将其置于twitter bootstrap模式中。 我如何使用java脚本获得该值？

<a data-toggle="modal" data-id="" href="#view_contact" class="btn btn-info btn-xs view-admin">View 

这是我的模态

  
 
 
 
 
Admin modal!!
 
 
 Admin Id:
 
 
 Close 
 
 
  

这是我的java脚本

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

它没有显示在我的模态中。 它们都在同一页面中。 我该怎么做呢？ 有点新的。

Answer 1

问题是，您正在尝试将值分配给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'); }); 

Answer 2

你可以替换

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

同

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

您不需要为id #showid引用类名.modal-body ，因为根据W3Cvalidation，页面中只能有一个id名称。 使用id引用是访问任何html元素的最快方法。