我正在尝试获取数据库中包含和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元素的最快方式。