[英]How to get value of data-id and place it into a twitter bootstrap modal?
我试图在我的数据库中获取包含和id的data-id的值。 我需要获取admin_id并将其置于twitter bootstrap模式中。 我如何使用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元素的最快方法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.