能输入文字的下拉列表

<select id="branch" οnkeypress="trigger(3)" οnkeyup="edit(3)" name="branch">
<option value="开发部" selected>开发部</option>
<option value="人事部">人事部</option>
<option value="销售部">销售部</option>
</select>
<script language="javascript">
function trigger(opt){
//opt表示现有可选项的数目
 form1.branch.options[opt]=new Option(ok=(form1.branch.options[opt])?
 form1.branch.options[opt].innerText+String.fromCharCode(event.keyCode):
 String.fromCharCode(event.keyCode),ok)
 form1.branch.selectedIndex=opt;
}
function edit(opt){
//opt表示现有可选项的数目
 if(form1.branch.options[opt]){
  if(event.keyCode==8){
   var str=form1.branch.options[opt].innerText;
   var len=str.length;
   form1.branch.options[opt].innerText=str.substring(0,len-1);
   if(form1.branch.options[opt].innerText==""){
    form1.branch.remove(opt);
    form1.branch.selectedIndex=1;
   };
  }
  if(event.keyCode==32){
   form1.branch.options[opt].innerText+=" ";
  }
 }
}
</script>

<br>

<input type="text" style="width:60px; position:relative; height:20px; z-index:100;" name="inp" />
<span style="width:18px;overflow: hidden;">
<select name="s1" style="overflow:hidden; border:1px solid red; background:#FF0000; width:78px; height:20px; z-index:1; position:relative; left:-60px; clip:rect(1px,78px,49px,60px); " onChange="setV(this)">
<option value="">&nbsp;</option>
<option  value="abc">abc</option>
<option value="jgo" >jgo</option>
</select>
</span>
<script language="javascript">
function setV(o){
 inp.value=o.value;
}
</script>