单击各种元素时可重复使用的下拉列表，技术是什么？

Question

假设我有一个页面的各个部分，点击后，应该在我刚刚点击的链接下面显示一个下拉列表。

由于此下拉列表完全相同，我注意到有些网站执行此操作，在DOM中定义了一个下拉列表，点击后，它会以某种方式显示在他们点击的位置下方。

这样做的技术是什么？

在我想要注入下拉列表的网站的所有部分下面是否有一个空div，然后单击时，将包含下拉列表元素的div复制到刚刚单击的元素？或者有更聪明的方法吗？

Answer 1

我也希望看到这些网站......

但是，如果你想完成你所描述的内容，我会建议你反对一堆空div。也许是这些方面的事情：jsFiddle

最初隐藏的选择框，您在点击时显示。当然，如果他们决定不使用它，你仍然可以摆脱它，但至少它不在流动中，并且不会重复。

$('a').click(function(){
    var offset = $(this).offset();
    offset.top += 20;
    $('#ghost').show().offset(offset);
});