如何在动态创建的对象上使用Javascript

如何在动态创建的对象上使用Javascript,javascript,jdbc,Javascript,Jdbc,现在,我想创建一个函数,如果用户将鼠标悬停在具有特定id的标题链接上(在动态创建的链接上),它将显示一个弹出框。现在,它似乎在第一个链接上工作,但在其他链接上却没有。我认为这是因为它与动态创建的对象有关,但我不确定如何修复它 下面是我在jDBC中的代码 Test.java out.println("<div id=\"container\"> + <a href=\"getName?ID=" + result.getInt(1) + "\" onmouseover=\"" +

现在,我想创建一个函数,如果用户将鼠标悬停在具有特定id的标题链接上(在动态创建的链接上),它将显示一个弹出框。现在,它似乎在第一个链接上工作,但在其他链接上却没有。我认为这是因为它与动态创建的对象有关,但我不确定如何修复它

下面是我在jDBC中的代码

Test.java

out.println("<div id=\"container\">
+ <a href=\"getName?ID=" + result.getInt(1) + "\" onmouseover=\"" 
+ DisplayPopup + "\">" 
+ result.getString(2) + "</a>" //dynamically retrieved name

out.println("<div id=\"descriptionbox\">"
                    + "Name: " + result.getString(1) + "<br/>"
                    + "Birthday: " + result.getString(2) + "<br/>"
                    ); 

应该动态创建div id…请参见第一个链接,它是容器…下一个链接,它不应该是相同的…和弹出的div id一样,也需要动态创建。

显示弹出的内容是什么??它在HTML代码中带有div id“descriptionbox”否,我的意思是
+显示弹出+“\”>“
。。。是最好的解决方案。它调用DisplayPopup.js所在的新Servlet
function popup(path) {
    var ajaxRequest; 

    ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
        var e = document.getElementById('container');
        e.onmouseover = function() {
          document.getElementById('descriptionbox').style.display = 'block';
        }
        e.onmouseout = function() {
          document.getElementById('descriptionbox').style.display = 'none';
        }
    }
}
ajaxRequest.open("GET", path, true);
ajaxRequest.send(null);
}