可编辑的下拉框，可下拉的编辑框
代码与取值如下：
<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>