Question

我正在动态创建图像列表，以下是代码

<?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);
}

但我得到“未定义”。有人可以帮我吗？

由于

提前致谢

Answer 1

您会注意到我更改了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”周围的引号：


    function pc(id){
    var temp = document.getElementById(id);
    alert(temp.value);
    }

Answer 2

你必须传递标签的id。比如document.getElementById("image").

function pc(id){
var temp = document.getElementById("image");
alert(temp.value);
}

如何获取图片ID

2 个答案: