我正在动态创建一个图像列表,下面是代码
<?php
for ( $counter = 0; $counter < $obj1->id; $counter ++)
{ ?>
<tr><td> Week <?php echo($counter+1); ?>
</td><td><?php echo" <a href='"#hiddenDiv'" rel='"facebox'";>";?>
<img src="tue.png"/ id="image" value="<?php echo $counter+1;?>" >
</a></td></tr>
<?php } ?>
当用户点击图像时,会打开一个表单。每个图像代表一周,所以我需要唯一地识别用户在哪一周插入数据。我需要那张照片的id,通过它我可以识别一周。点击图像后,以下功能称为
function pc(){
var temp = document.getElementById("image");
alert(temp.value);
}
但我变得"不确定"了。有人能帮我吗?
感谢
提前感谢
您会注意到我更改了img标记上的id,这意味着每个新图像都将具有当前计数器的id。
我还在链接中添加了一个onclick事件,并将计数器传递给js函数。
<?php
for ( $counter = 0; $counter < $obj1->id; $counter ++)
{ ?>
<tr><td> Week <?php echo($counter+1); ?>
</td><td><?php echo" <a href='"#hiddenDiv'" onclick='"pc(<?php echo $counter;?>)'" rel='"facebox'";>";?>
<img src="tue.png"/ id="<?php echo $counter;?>" value="<?php echo $counter+1;?>" >
</a></td></tr>
<?php } ?>
此外,删除js函数中"id"周围的引号:
功能pc(id){var temp=document.getElementById(id);警报(温度值);}
您必须传递标记的id。如document.getElementById("image").
function pc(id){
var temp = document.getElementById("image");
alert(temp.value);
}