可编辑的下拉框，可下拉的编辑框

代码与取值如下：

<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="---请选择或输入---" onblur="get()"> 
</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;" onblur="get()"> 
    <option value="---请选择或输入---">---自己输入---</option> 
    <option value="申请被拒">申请被拒</option> 
    <option value="电话打不通">电话打不通</option> 
<option value="邮件无人回">邮件无人回</option> 
</select> 
</span> 
</td> 
<script>
  function get(){
  var v =   document.getElementById('ccdd').value;
  alert(v);
  }
</script>