Übergeben Wert der Variablen zu modaler Box in PHP

Question

Ich möchte einen Variablenwert an eine modale Box übergeben, die ich auf der gleichen Seite anrufe, aber nicht in der Lage war, es zu tun.

-Code modale Box zu öffnen, ist wie unten

<li style="font-style:bold" title="rate on skill" class="skill_rating"> 
<a data-toggle="modal" title="Add this item" class="open-AddBookDialog" href="#addBookDialog" data-id='<?php echo $skill_id2[$q]?>'> 
<i class="fa fa-anchor" aria-hidden="true"></i> </a><?php echo $skilltemp2[$q2] ?></li> 

Modal Box-Code wie unten

<div class="modal fade" id="addBookDialog" tabindex="-1" role="dialog" aria-labelledby="addBookDialog"><div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="myModalLabel">Search</h4>  
      </div> 
      <div class="modal-body"> 
       <div class="form-group"> 
       <input type="text" name="bookId" id="bookId" value=""/> 
       </div> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default"><span>Search</span></button> 
      </div> 
     </div> 
    </div> 

Javascript vor dem Schließkörper Tag wie unten

ist

<script type="text/javascript"> 
$(document).on("click", ".open-AddBookDialog", function() { 
var myBookId = $(this).data('id'); 
$(".modal-body #bookId").val(myBookId); 
     }); 
</script> 

Ich sah ein paar Antworten bei stackoverflow (wie: Passing data to a bootstrap modal), aber ich war nicht in der Lage, es nach meiner Anforderung anzupassen.

Verzeihen Sie mir, wenn es zu einfach ist. Ich bin ein Noob

Answer 1

Dies funktioniert in meinem Fall. Ja, es ist nicht in PHP, aber ich habe statischen Wert für Data-Id.

$('body').on('click', '.open-AddBookDialog', function() { 
    var myBookId = $(this).data('id'); 
    $("#addBookDialog #bookId").val(myBookId); 
}); 

Beispiel JSFIDDLE