点击文本框,弹出一个层,点击层上的内容,文本框中内容显示层上的内容

Question

jsjquery

Answer 1

demo
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><br/>
<input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><br/>
<input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><br/>
<input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><br/>
<style>#pop{position:absolute;display:none;background:#fff;border:solid 1px black;width:200px}#pop div{cursor:pointer}</style>
<div id="pop"><div>1</div><div>2</div><div>3</div><div>4</div></div>
<script>
var o,pop,p
$(function(){
  pop=$('#pop');
  pop.find('>div').click(function(){o.value=this.innerHTML;pop.hide()});
  $('input').click(function(){
       p=$(this).offset()
       pop.css({left:p.left,top:p.top+this.offsetHeight}).show();
       o=this;
  });
});
</script>