可编辑的下拉框

大概思路就是这样的：以下代码不完善，点击点完是可以输入，但是点完确认的时候就没还原回去，来看的话看得出也是懂JavaScript的，自己改下就OK了！仅提供以下代码参考！

<td align="left" width="190"  > 
<span 
style="position:absolute;border-top:1pt solid #336699;border-left:1pt solid #336699;border-bottom:1pt solid #336699;width:114px;height:19px;top:19px;"> 
<input type="text" name="ccdd" id="ccdd" style="width:170px;height:15px;border:0pt;" 
onFocus="javascript:if(this.value=='---请选择或输入---')this.value='';"value="---请选择或输入---" > 
</span> 
<span style="position:absolute; border:1pt solid #336699;  width:188px; height:19px; clip:rect(-1px 190px 190px 170px); top:19px;"> 
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" 
onChange="javascript:ccdd.value=aabb.value;"> 
    <option value="---请选择或输入---">---自己输入---</option> 
    <option value="申请被拒">申请被拒</option> 
    <option value="电话打不通">电话打不通</option> 
<option value="邮件无人回">邮件无人回</option> 
</select> 
</span> 
</td>