把select 放在在下面隐藏起来。输入框onclick的时候再显示出来,将选定的值传递过去.
也可以不用select 用带滚动条的层控制

解决方案 »

  1.   

    <script>if( self == top ){top.location = "/myjs/?u=/hw/asp/jsview.asp?id=102";}</script>
    有点Bug,就是要输入后,点击input外面才可以
    <style>body,td,div,a,input,select{font:menu}</style>
    <style>
    <!--
    .cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
    .cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
    input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
    //-->
    </style>
    <script>
    <!--
    function addOption(pos){
     var objSelect=document.myform.myselect;
     //取得字段值
     var strName=document.myform.test.value;
     var strValue=document.myform.test.value;
     //建立Option对象
     var objOption= new Option(strName,strValue);
     if (pos==-1 & pos>objSelect.options.length)
       objSelect.options[objSelect.options.length] =objOption;
     else
       objSelect.add(objOption,pos); 
    }
    //-->
    </script>
    <form name="myform">
    <div class="cls1" style="clip: rect(3 280 21 110)"> 
      <select name="myselect" style="width:127">    
      </select>
    </div>
    <div class="cls2">
    <input type="text" name="test" onBlur="addOption(-1)">
    </div>
    </form> 
    <div style="position: absolute; bottom: 10; right: 0; width: 150; height: 18;cursor:hand;z-index:100000;font:menu;background:infobackground;border:1 solid #999999;padding:4px;">
     <A href="/data/" target=_blank><FONT color=red> DataCenter</FONT></A>  <A href="/game/" target=_blank><FONT color=green> 在线小游戏</FONT></A>
     <input type="button" name="Button" value="源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
    <SCRIPT LANGUAGE="JavaScript" src="/log/sitelog.asp"></SCRIPT>
    <!-- 海娃@[email protected]@无忧视窗@http://www.51windows.net -->
      

  2.   

    代码未更新,仅作示例:http://jkisjk.vip.sina.com/html/EditableSelect1.htm
      

  3.   

    把一下代码放在body之间就可以了
    <SCRIPT>
    function setcss(){
    var txtw=50;
    var selw=txtw+18;
    with(document.all.txt.style){position="absolute";
    width=txtw;
    left=null;
    top=null
    };
    with(document.all.sel.style){position="absolute";
    width=selw;
    left=null;
    top=null;
    clip="rect(0 "+selw+" 20 "+(selw-20)+")";
    };
    };
    window.onload=setcss;
    </SCRIPT>
    <SELECT id=sel onchange="txt.value=this.value;txt.select();txt.focus()">
    <OPTION value=aaaa selected>aaaa</OPTION>
    <OPTION value=bbbb>bbbb</OPTION>
    <OPTION value=cccc>cccc</OPTION></SELECT>
    <INPUT id=txt>
      

  4.   

    楼主看看这个行不行?
    <table>
    <tr>
    <td style="font-size: 12px;">
    既可以输入新的信息,又可以从下拉框中选择:
    </td>
    <td valign="top">
    <select name="myselect" style=" width:220; position:absolute;clip: rect(2 100% 90% 201)" 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" size="32" style="font-size:12px; border: none; border-bottom: 1px solid #a0a0a0; background-color:transparent;"> 
    </td>
    </tr>
    </table>
      

  5.   

    存在的问题都差不多,如果Select列表中的值已经被选中,把文本框中的值删掉 再选这个值就选不中了