javascript - 尝试根据点击更改页面上的内容

Question

我正在尝试更改页面的照片内容。在页面顶部，我有一个水平照片条，它使用 GET 来查找 PHOTOTYPE，以便网站知道要加载哪个照片条。下页中的所有照片都与所选片段中的照片相关。我希望能够根据单击上部 strip 中的照片来更改页面的下部内容。

这是我到目前为止的一些代码

    <?php
include_once("resources/init.php");
include_once("db_conx.php");
$sql = "SELECT * FROM photos WHERE id= '$idd'";
$query = mysqli_query($db_conx, $sql);
    while ($row = mysqli_fetch_array($query, MYSQLI_ASSOC)) {
        $description = $row["description"];
        $filename = $row["filename"];
        $thumb1 = $row["thumb1"];
        $thumb2 = $row["thumb2"];
        $thumb3 = $row["thumb3"];
        $desc1 = $row["desc1"];
        $desc2 = $row["desc2"];
        $desc3 = $row["desc3"];
}
?>

$idd 应该根据 strip 中的哪个图像被点击而改变，以显示下面的所有相关照片，我无法让它工作，我如何在不重新加载的情况下将 $idd 更改为被点击图像的 $id页面？

    function menuclick(){
    $idd = "<?php echo $id ?>";
}

Answer 1

这是我想出的:

$('img').click(function(){
    $('#iid').val($(this).attr('id'));
});

Here is the JSFiddle

这是 javascript 版本:

var images = document.querySelectorAll('img');
for (i = 0; i < images.length; i++) {
    images[i].addEventListener("click", function(){
        iid.value = this.id;
    });
}

Here is the JSFiddle demo