從模態頁面獲得價值

-3

我有名稱的表格，當我點擊名稱時，我需要打開模式並將名稱點擊在那裏。我如何做到這一點？在此先感謝從模態頁面獲得價值

report.php

按鈕：

<a href='#ReportModal' data-id='1' data-toggle='modal'>Open</a></td>

模式：

<div id="ReportModal" class="modal" role="dialog" data-backdrop="static" data-keyboard="false"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">asd</h4> 
     </div> 
     <div class="modal-body"> 
     //HOW TO PRINT HERE? 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 

    </div> 
</div>

腳本

<script> 
$(document).ready(function() { 
    $(document).on("click",".get-data"function(){ 
     var val = $(this).attr("data-id");  
     $.ajax({ 
      url: "../dist/scripts/report.userinfo.php", 
      type: "POST", 
      dataType: "HTML", 
      async: false, 
      success: function(data) { 
       $('.modal-body').html(data);   
      } 
     }); 

    }); 
}); 
</script>

report.userinfo.php

<?php 
     include($_SERVER['DOCUMENT_ROOT']."/dist/config.php"); 
     $id = $_POST['id']; 
     $query = $db->query ("select Name from _reports where ID = '$id' ") or die($db->error()); 
     $rows= $query->fetch_array(); 
     echo $rows['Name']; 
    ?>

來源

2016-06-09 HR-

請與我們分享您的JS代碼，所以我們可以看到你已經嘗試了什麼，以及我們如何可以幫助你。 –

@小時 - 你不能這樣做。 PHP是服務器端，因此當您單擊頁面本身時，PHP就已經很長時間了。 – DocRattie

@DocRattie我加了腳本，請幫忙） –

你幾乎就在那裏，現在你所需要的就是執行分配給類get-data的元素的代碼 - 要做到這一點，你可以添加類到你的錨點。

$(document).ready(function() { 
 

 
    $("#ReportModal").dialog(); 
 

 
    $(document).on("click", ".get-data", function() { 
 

 
    var val = $(this).attr("data-id"); 
 

 
    // for the sake of testing we assume your AJAX call works 
 
    // and then you can remove the following line and handle it 
 
    // in the success handler as shown in the comment below 
 
    $('.modal-body').html("You clicked: " + val); 
 

 
    /* 
 
    $.ajax({ 
 
     url: "../dist/scripts/report.userinfo.php", 
 
     type: "POST", 
 
     dataType: "HTML", 
 
     async: false, 
 
     success: function(data) { 
 
     $('.modal-body').html(data); 
 
     } 
 
    });*/ 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 

 
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 

 
<a href='#ReportModal' data-id='1' data-toggle='modal' class="get-data">Open</a> 
 

 
<div id="ReportModal" class="modal" role="dialog" data-backdrop="static" data-keyboard="false"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">asd</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     //HOW TO PRINT HERE? 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

來源

2016-06-09 12:25:58

從模態頁面獲得價值

回答

相關問題