2017-08-10 125 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

我使用笨。远程加载数据后,如何根据链接中保存的值显示? –