<script>
function a()
{
document.getElementById('layerSel').style.left=window.event.x;
document.getElementById('layerSel').style.top=window.event.y;
document.getElementById('layerSel').style.display='';
}
</script>
<body onclick="a()">
<select id="layerSel" style="position:absolute">
</select>

解决方案 »

  1.   

    孟子老大的代码恐怕只适合于把onclick加在body上吧,我改了一下,可以加在任何元素上的,但是有些错位,得修改一下才能用<script>
    function a(obj)
    {document.getElementById('layerSel').style.left=getPosX(obj)+window.event.x;
    document.getElementById('layerSel').style.top=getPosY(obj)+window.event.y;
    document.getElementById('layerSel').style.display='';
    }function getPosX(obj){
    var result=0,tmp;
    tmp=obj;
    while(tmp.nodeName!="BODY"){
    tmp=tmp.offsetParent;
    result+=tmp.offsetLeft;

    }
    return (result);
    }function getPosY(obj){
    var result=0,tmp;
    tmp=obj;
    while(tmp.nodeName!="BODY"){
    tmp=tmp.offsetParent;
    result+=tmp.offsetTop;

    }
    return (result);
    }
    </script>
    <body >
    <select id="layerSel" style="position:absolute">
    </select>
    <table border="1" width="100%">
    <tr>
    <td onclick="a(this)"> </td>
    <td onclick="a(this)"> </td>
    </tr>
    <tr>
    <td onclick="a(this)"> </td>
    <td onclick="a(this)"> </td>
    </tr>
    </table>
      

  2.   

    我的select框是是要在一个textarea中显示的,而且要随着光标位置的移动,当我选择好数据后,要实现自动隐藏.请问应该如何实现.