如何实现可编辑下拉菜单？

如何实现可编辑下拉菜单？就是该菜单又可以选择给出的内容，又可以当做文本框人为输入内容？<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><select name="select" width="16" > <option selected>请选择</option> <option value="http://www.sina.com.cn/" >新浪</option> <option value="http://www.163.com/" >163</option> <option value="http://www.chinaren.com/" >chinaren</option> </select>可输入下拉框(20041126)(相似高亮显示，不相似移除)http://jkisjk.vip.sina.com/html/EditableSelect1.htm可输入下拉框(20041126)(相似高亮显示，不相似不移除)http://jkisjk.vip.sina.com/html/EditableSelect2.htm备注：空间未续费，代码无法更新，仅供演示参考