php - 画像IDを取得する方法

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

ユーザーが画像をクリックすると、フォームが開きます。すべての画像は1週間を表すため、ユーザーがデータを挿入している週を一意に識別する必要があります。週を識別できる画像の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」を囲む引用符を削除します。

    関数 pc(id){
    var temp = document.getElementById(id);
    アラート (temp.value);
    }

Answer 2

タグのIDを渡す必要があります。お気に入りdocument.getElementById("image").

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