Input type hidden在javascript中从foreach传递相同的值

我有一个foreach代码，它打印图像，然后将图像id存储在隐藏表单字段中。我想在用户单击特定图像时获取特定图像id。但它返回foreach图像id的第一个值。对不起，英语不好。谁来帮我做这个

<div id="gallery_09" >
    <?php foreach ($hair['hair_color_media'] as $key => $row){?>
   <input type = "hidden" name = "hair_color_slug" value = "<?=$row->hair_color_slug?>">
   <a href="#" class="elevatezoom-gallery" data-toggle="tooltip" title="<?=$row->hair_color?>" data-update="" data-image="<?=base_url('assets/img/products/large/'.$row->media_images);?>" data-zoom-image="<?=base_url('assets/img/products/large/'.$row->media_images);?>" onclick = "getPrice();">
      <img data-toggle="tooltip" title="<?=$row->hair_color?>" src="<?=base_url('assets/img/products/pin/'.$row->media_images);?>" width="50" style = "border-radius: 50%;">
  </a>
<?php }?>
  </div>
<input type = "text" readonly="" id ="color" name = "color"/>

在getPrice函数中传递处理程序“this”关键字以获取触发事件的当前元素

onclick = "getPrice(this);

单击将获得clicks元素的上一个隐藏值，并将其放入颜色字段中

function getPrice(getprice)
{
    var color = $(getprice).prev().val();

    document.getElementById('color').value = color;
}

输入的名称必须是唯一的，才能获取数据，
为所有输入提供公共类。并获取该类的数据这不应该使用隐藏的输入字段来开始-如果唯一的目的是在getPrice函数中访问该值，则不应该这样做。将此值作为自定义数据属性直接输出到
a
元素，然后从那里读取。@quickSwap如何调用js中的隐藏字段？我使用的是>var color=$（'input:hidden[name=hair\u color\u slug]'）。val（）；如果我用id更改输入名称，我如何获得它？没有呼叫，只有访问权限<代码>风险值数据=[]$（“.customclass”）.each（函数（x，y）{var v=$（this.val（）；data.push（v）}）嗨farooq，试试这个代码，它会解决你的问题。
function getPrice(getprice)
{
    var color = $(getprice).prev().val();

    document.getElementById('color').value = color;
}