javascript - 如何将javascript变量传递给模态

Question

<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>

这里我将 id 值传递给 javascript

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

现在我想在 php 代码的模式中使用那个 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>

所有代码都在同一个页面中。我如何将该 id 从 javascript 传递到模态，以便我将在 php 代码中使用。是否可能。请帮助我

Answer 1

您在将值设置为模态时有拼写错误。您正在将 img_id 分配给输入。这不是值(value)。像这样改变你的脚本:

<script>

function openModal(id) {

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

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

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


}