下拉菜单能不能实现同时可以直接输入？

Question

呵呵 当然可以 你到www.89189.com/phpbb 论坛上看看 他上边的菜单就是这个样子的

Answer 1

楼上几位要注意审题啊答：不能！
但是可以用其它技术手段来模拟一个select的功能

Answer 2

是啊是啊，可以做一个模拟输入的select。<form name=form1>
<div style="position:relative; left:0px; top:-0px; z-index: 3"><input name=test1 value='请选择' size=10 onblur=selectlist(list1,test1)></div>
<div style="position:relative; left:75px; top:-23px; z-index: 4">
<img src="e:\web\netpeng\java\text_select.bmp"onclick="showelem(list1);"></div>
<!--这里做一个下拉框的图片//-->
<select name="list1" size=4 onchange="settext(list1,test1);hideelem(list1);" onBlur="" style="position:relative; left:-2px; top:-25px; z-index:0;display:none">
 <option value="">　请选择　　</option>
 <option value="1">选择1</option>
 <option value="2">选择2</option>
 <option value="3">选择3</option>
 <option value="4">选择4</option>
</select>
</div>
</form>
<script language="javascript">
//2ksvr+ie5myvicy
//显示元素
function showelem(elem)
{
if(elem.style.display=="block") 
  elem.style.display="none";
else
  {
   elem.style.display="block";
   elem.focus();
  }
}
//隐藏元素//2ksvr+Ie5+myvicy
function hideelem(elem)
{if(elem.style.display=="block") elem.style.display="none";}
//设置select选项
function selectlist(elem_list,elem_text)
{var i;
//alert(elem_list.length);
 for(i=1;i<=elem_list.length-1;i++)
 {//alert(i);
  if(elem_list.options[i].text==elem_text.value)
   {
    elem_list.selectedIndex=i;
    //alert(i+"=");
    hideelem(elem_list);
    //2ksvr+IE5+myvicy
    return;
   }
 }
alert('输入错误！');
}
//设置text文本
function settext(elem_list,elem_text)
{elem_text.value=elem_list.options[elem_list.selectedIndex].text;}
</script>

Answer 3

<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="aaaa"> aaaa </option>
<option value="bbbb"> bbbb </option>
<option value="cccc"> ccccc </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>