2017-08-10 154 views
0

在這個模態引導窗口中,我想傳遞顯示在表中的php變量。將PHP變量傳遞給模態

<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog modal-sm"> 
<h4 style="text-align:center;color:green">Bienvedio $var1 var2 </h4> 
</div> 

包含數據表顯示

<?php foreach($EMPLOYEES as $employee){?> 
<tr> 
<td><?=$employee->id_acd;?></td> 
<td><?=$employee->nombre;?></td> 
<td> <a data-toggle="modal" href="<?php echo site_url("navigation/description/".$employee->id_acd); ?>#myModal" class="btn btn-warning"> 
    <span class="fa fa-plus" aria-hidden="true"></span> 
    </a></td> 
</tr>  
    <?php }?> 

當我點擊顯示模式窗口的鏈接,但我不知道如何傳遞變量。

回答

1

以及你需要將它們用JavaScript通過;

<table> 
<tr> 
<td class="dataId">213</td> 
<td class="name">John Snow</td> 
<td> <a class="copyToModal" data-toggle="modal" href="#do">Copy data</a> 
</tr> 
</table> 

<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog modal-sm"> 
<form id="userText" method="post"> 
<input type="text" name="id_acd" id="id_acd" > 
<input type="text" name="nombre" id="nombre" > 
</form> 
</div> 
</div> 

和JavaScript代碼:

$(".copyToModal").click(function(){ 
    var id_acd= $(this).closest("tr").find(".id_acd").text(); 
    var nombre= $(this).closest("tr").find(".nombre").text(); 

    $('#id_acd').val(id_acd); 
    $('#nombre').val(nombre); 
    }) 

完整例如:https://jsfiddle.net/vt88p9k8/9/

+0

感謝您的回覆,但我希望您的代碼能更完整地抓​​住這個想法。 –

+1

我編輯了我的答案。檢查jsfidle(點擊運行並點擊「複製數據」按鈕)。這是回答你的問題嗎? –

+0

非常感謝你的工作,但我想檢索每個變量 –

0

加載數據遠程添加data-remote="http://example.com"屬性模態主要元素:

<div class="modal fade" id="myModal" role="dialog" data-remote="http://example.com/load.php"> 
    <div class="modal-dialog modal-sm"> 
     <h4 style="text-align:center;color:green">Bienvedio $var1 var2 </h4> 
    </div> 
</div> 
+0

我使用笨。遠程加載數據後,如何根據鏈接中保存的值顯示? –