Я пытаюсь получить значение идентификатора данных, которое содержит и id в моей базе данных. Мне нужно получить admin_id и поместить его в twitter bootstrap modal. Как я могу получить это значение с помощью 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 );
Вам не нужно ссылаться на имя класса .modal-body
для id #showid
поскольку на #showid
должно быть только одно имя идентификатора в соответствии с W3C Validation . И ссылка на id – это самый быстрый способ доступа к любым элементам html.