用javascriot实现可编辑的下拉框

<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>