如何将javascript变量传递给modal 资产/上传/项目/“onclick=“openModal()”class=“img缩略图img响应”/>
这里我将id值传递给javascript如何将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">
<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
}