Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/296.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将javascript变量传递给modal 资产/上传/项目/“onclick=“openModal()”class=“img缩略图img响应”/>_Javascript_Php_Jquery_Html_Css - Fatal编程技术网

如何将javascript变量传递给modal 资产/上传/项目/“onclick=“openModal()”class=“img缩略图img响应”/>

如何将javascript变量传递给modal 资产/上传/项目/“onclick=“openModal()”class=“img缩略图img响应”/>,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,这里我将id值传递给javascript <div> <h5> <a href="<?php echo base_url(); ?>/vendor/home/projects" >Back to Projects</a> <h5> <div> <div class="container">

这里我将id值传递给javascript

<div>
    <h5>
        <a href="<?php echo base_url(); ?>/vendor/home/projects" >Back to Projects</a>
        <h5>
            <div>
                <div class="container">
                    <div class="row">

                        <?php
                            foreach ($projects as $value) {
                        ?>

                            <?php  
                                $project_images =  json_decode($value['project_gallery'],true);
                                $i=0; 

                                foreach ($project_images as $project_image_value) {
                                    $i++;
                                ?>  

                                    <div class="col-md-2">
                                        <img src="<?= base_url() ?>assets/uploads/projects/<?=$project_image_value['fname']?>" onclick="openModal(<?= $i?>)"   class="img-thumbnail img-responsive " />

                                        <div><?=$project_image_value['title']?></div>
                                    </div>
                                <?php

                                }

                                ?>
                        <?php
                            }
                        ?>
                    </div>
                </div>

函数OpenModel(id){
$(“#img_id”).val(id);
document.getElementById('myModal').style.display=“block”;
document.getElementById('caption')。innerHTML=img_id;
}
现在我想在php代码的模态中使用该id

<script>
    function openModal(id) {
        $("#img_id").val(id);
        document.getElementById('myModal').style.display = "block";
        document.getElementById('caption').innerHTML = img_id;
    }

关闭
资产/上传/项目/“style=“width:100%”


所有代码都在同一页中。我如何将该id从javascript传递到modal,以便在php代码中使用。是否可能。请帮助我您在将值设置为modal时有输入错误。您正在为输入分配
img\u id
。这不是价值。更改脚本,如:

<div id="myModal" class="modal">

<button type="button" id="close"  onclick="closeModal()" >close</button>

<input type="hidden" id="img_id" name="img_id">

<div class="modal-content">

<div class="mySlides">

 <?php    

 $id=0; 

foreach ($project_images as $project_image_value) {

 $id++;

//echo $project_image_value[title];

?>                                                

<img src="<?= base_url() ?>assets/uploads/projects/<?=$project_image_value['fname']?>" style="width:100%">

<div class="caption-container">

<p id="caption"> <?php echo $project_image_value[title];?></p>

<?php

}   

 ?>

</div>

</div>

</div>

</div>

函数OpenModel(id){
$(“#img_id”).val(id);
document.getElementById('myModal').style.display=“block”;

document.getElementById('caption').innerHTML=id;//您可以通过如下方式刷新url中的页面传递变量:

www.something.com?attr=some


然后通过$\u服务器['php\u SELF']在php中读取这些数据

我想它已经在img_id输入中设置好了。每当你点击一个图像,你就通过设置新的id作为它的值来改变img_id输入,然后模态打开。是的,但是我怎样才能获取img_id值,以便在用modal编写的php代码中使用。这是我的问题。你想做什么样的处理?我想使用img_idh如果在forloop中设置条件,那么当单击图像时,该图像必须缩放。实际上,我的目标是当我单击图像时,该图像应该像光箱一样缩放。您可以通过在模式打开时使用javascript进行测试,或者使用远程模式,并将img_id作为get参数传递到远程modal.che的url中来实现此行为勾选此链接以查看远程模式是如何工作的。我的问题是,我想在php代码中使用在模式中编写的id,该id将传递给javascript。如何将id从javascript传递给在php代码中使用的同一页面中编写的模式
<script>

function openModal(id) {

$("#img_id").val(id);

document.getElementById('myModal').style.display = "block";

document.getElementById('caption').innerHTML = id; //<-- change this line


}