下面这段差不多的了,你再在右边加个三角符,并加上“onclick”事件响应就可以了:)<input type='text' name='titlename' maxlength='8' size='10' class='t' onFocus="document.all.sending.style.top=this.offsetTop+this.clientHeight;document.all.sending.style.left=this.offsetLeft;document.all.sending.style.visibility='visible';" onblur="if(document.activeElement!=document.all.titlename2)document.all.sending.style.visibility='hidden'">
<div id="sending" style="position: absolute; top: 2000; left: 2000; visibility: hidden;border:0px">
<select name='titlename2' size="3"  class='t' onblur="document.all.sending.style.visibility='hidden'" ondblclick="document.all.sending.style.visibility='hidden'" onclick="document.all.titlename.value=this.value;">
<option value="期中考试">期中考试</option>
<option value="期末考试">期末考试</option>
<option value="单元测验">单元测验</option>
</select>
</div>

解决方案 »

  1.   

    去看看www.dictworld.com
    的那个文本框,好爽的....
      

  2.   

    <input><input><input><input><input><input><input><input>
    <input type='text' name='titlename' maxlength='8' size='10' class='t'onblur="if(document.activeElement!=document.all.titlename2)document.all.sending.style.visibility='hidden'">
    <img src="downdeltal.gif" name="downpic" style="position: absolute; top: 2000; left: 2000;border:0px"  onclick="document.all.sending.style.top=document.all.titlename.offsetTop+this.clientHeight;document.all.sending.style.left=document.all.titlename.offsetLeft;document.all.sending.style.visibility='visible';document.all.titlename.focus();">
    <div id="sending" style="position: absolute; top: 2000; left: 2000; visibility: hidden;border:0px">
    <select name='titlename2' size="3"  class='t' onblur="document.all.sending.style.visibility='hidden'" onclick="document.all.sending.style.visibility='hidden';document.all.titlename.value=this.value;">
    <option value="期中考试">期中考试期中考试期中考试期中考试期中考</option>
    <option value="期末考试">期末考试</option>
    <option value="单元测验">单元测验</option>
    </select>
    </div>
    <script>
    document.all.downpic.style.top=document.all.titlename.offsetTop;
    document.all.downpic.style.height=document.all.titlename.offsetHeight;
    document.all.downpic.style.left=document.all.titlename.offsetLeft + document.all.titlename.offsetWidth-document.all.downpic.clientWidth;
    window.onresize=function(){
    document.all.downpic.style.top=document.all.titlename.offsetTop;
    document.all.downpic.style.height=document.all.titlename.offsetHeight;
    document.all.downpic.style.left=document.all.titlename.offsetLeft + document.all.titlename.offsetWidth-document.all.downpic.clientWidth;
    }
    </script>