Получить данные id modal bootstrap

Question

Мне бы хотелось, чтобы при нажатии кнопки он отображал идентификатор данных в модальном формате.

<button data-id="$id" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">OPEN</button> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
           <div class="modal-dialog"> 
            <div class="modal-content"> 
             <div class="modal-header"> 
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
              <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
             </div> 
             <div class="modal-body"> 
              <?PHP echo $id; ?> 
             </div> 
             <div class="modal-footer"> 
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
              <button type="button" class="btn btn-primary">Save changes</button> 
             </div> 
            </div> 
            <!-- /.modal-content --> 
           </div> 
           <!-- /.modal-dialog --> 
          </div>  

Я пробовал несколько учебников, и это не сработало, будет ли это версия jquery?

Как распечатать идентификатор внутри модального?

Answer 1

Вы можете создать мероприятие на своей кнопке.

var myBtn = document.getElementByClassName("btn"); 

myBtn.addEventListener("click", function() { 
    var dataId = document.getElementByClassName("btn").dataset.id; 
    console.log(">>>>dataId: ", dataId); 

    document.getElementByClassName("modal-body").innerHTML = dataId; 
}); 

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.