创建最简单的可编辑的HTML选择控件

通过叠加SELECT和INPUT控件，使用nextSibling.value将选择的结果赋值到INPUT控件，同时INPUT也可进行编辑。

 

 <div style="position:relative;">

      <span>
        <select name="select" style="width:80px;left:0px" onchange="this.parentNode.nextSibling.value=this.value">
          <option value=""></option>
          <option value="1">aaa</option>
          <option value="2">bbb</option>
          <option value="3">ccc</option>
          <option value="4">ddd</option>
          <option value="5">eee</option>
        </select>
      </span>
      <input type="text" name="editbox" value="" style="top:1px;width:61px;position:absolute;left:0px;" size="30" maxlength="32"/>      
</div>