Get Daten-ID modal bootstrap

Question

Ich möchte, dass beim Klicken auf die Schaltfläche die Daten-ID im modalen präsentiert.

<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>  

Ich habe mehrere Tutorials ausprobiert und es hat nicht funktioniert, wird es die jquery-Version sein?

Wie drucke ich die ID innerhalb des Modal?

Answer 1

Sie können ein Ereignis auf Ihrer Schaltfläche erstellen.

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; 
}); 

Letzte Frage

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

 Verwandte Themen

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