类似12306选择出发地目的地弹出层的效果

Question

一个position: absolute的层,默认为隐藏,jQuery的话,可设置其left=$('#跟随对象的ID').offset().left,top=$('#跟随对象的ID').offset().top

Answer 1

input 单击的位置可以得到

Answer 2

<style type="text/css">
.box{position:relative}
.input{height:30px;border:1px solid #ccc;width:120px}
.boxList{position:absolute;top:33px;border:1px solid #ccc;width:120px}
</style>
<div class="box">
<input type="text" class="input" />
    <div class="boxList" style="display:none">
     <ul>
         <li>北京</li>
            <li>北京</li>
            <li>北京</li>
            <li>北京</li>
        </ul>
    </div>
</div>文本框事件触发的时候boxList这个容器显示

Answer 3

谢谢楼上几位，但是我要实现那个autocomplete的功能呢？