Javascript 标记不更改图像

我将数据库中的数据显示在一个特定的列中，如果我将鼠标悬停在一个jQuery弹出窗口上，它将悬停并显示详细信息。我的问题是鼠标悬停在任何一行上，它不改变图像，而是显示第一行图像。 我正在使用此标记显示图像

<ui:repeat var="u" value="#{userdataList}" varStatus="status">     

        <a href="#" class="popper" data-popbox="pop1" onmouseover="getValue('#{u.userId}')">    
           <h:graphicImage id="image" alt="user image" url="/ServletToDisplayImage?userId=#{u.userId}" width="36" height="36"/>
        </a>
        <div id="pop1" class="popbox">
            <h2>Member details</h2>
            <h:graphicImage id="photoimage" alt="user image" url="/ServletToDisplayImage?userId=#{u.userId}" width="100" height="100"/>

        </div>

</ui:repeat>

这是放置在，并将隐藏在鼠标上，它将显示。{u.userId}需要更改，如何实现这一点

或者每次鼠标悬停时，我都可以从javascript将值传递给这个查询字符串吗

对于悬停，我参考下面的链接

---

我试着像onmouseover=getValue'{u.userId}那样从javascript函数中获取值，并能够每次设置为隐藏字段及其changinf。但是如何将其设置为querystring的值。

请分享您的完整信息code@user3489875共享代码可以让您查看它。