要求下拉框能输入值

如何用javascript来实现
一个能输入值的下拉框。
html的下拉框不能输入新值，现在要求下拉框能输入值。　问如何用javascript来实现

解决方案 »

  1.   

    有两种方法：第一种是inputText+下柆框，第二种是inputText + Div定义的一个层.
      

  2.   

    能够贡献代码吗？　（javascript不是很熟悉）
      

  3.   

    <td> 
    <span style="position:absolute;top:39px;left:120px;width:10px;border:0px"> 
    <input type="text" name="DDInput" id="DDInput" maxlength="30" style="width:180"/></span> 
    <span style="position:absolute;top:40px;left:300px;width:10px;border:0px"> 
    <select  name="place" id="place" onChange="selectToText()"style="width:198;margin-left:-180px"></select> 
    </span> 
    </td> 
      

  4.   

    <span>   
      <select   name="myselect"   style="width:78px;position:absolute;clip:rect(1 78 30 60)"   onchange="document.getElementById('txtPlace').value=this.value">   
      <option   value=""></option>   
      <option   value="蓝色经典">   蓝色经典   </option>   
      <option   value="织梦地带">   织梦地带   </option>   
      <option   value="联盟论坛">   联盟论坛   </option>   
      <option   value="无忧脚本">   无忧脚本   </option>   
      </select>   
      <input   name="txtPlace"   type="text" style="font-size:12px;background-color:transparent; width:61px">     
    </span>   
      

  5.   

    一楼说的第一种方法<html>
    <script language="javascript">
      function addSel(){
        if(document.myform.input.value!=""){
           var iu=document.myform.myselect.length;
          document.myform.myselect.length=iu+1;
          document.myform.myselect.options[iu].text=document.myform.input.value;
          document.myform.myselect.options[iu].value="new";
        }
        return false;
      }
    </script>
    <body>
    <form name="myform" onsubmit="return addSel()">
      <select name="myselect">
          <option value="a">a</option>
          <option value="b">b</option>
          <option value="c">c</option>
          <option value="d">d</option>
      </select>
      <input type="text" name="input" >
      <input type="submit" value="submit">
    </form>  
    </body>
    </html>