如何让下拉框同时具有录入功能

HTML里没有这样的控件，可以用组合控件来模拟这样的功能

解决方案 »

  1.   

    去看看：http://www.csdn.net/develop/Read_Article.asp?Id=15074
      

  2.   

    别人的例子
    <body onload="s1.focus();">
    <script language="JavaScript">
    <!--
    function catch_keydown(sel)
    {
    　　switch(event.keyCode)
    　　{
    　　　　case 13:
    　　　　　　//Enter;
    　　　　　　sel.options[sel.length] = new Option("","",false,true);
    　　　　　　event.returnValue = false;
    　　　　　　break;
    　　　　case 27:
    　　　　　　//Esc;
    　　　　　　alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");
    　　　　　　event.returnValue = false;
    　　　　　　break;
    　　　　case 46:
    　　　　　　//Delete;
    　　　　if(confirm("确定要删除吗？"))
    　　　　{
    　　　　　　sel.options[sel.selectedIndex] = null;
    　　　　　　if(sel.length>0)
    　　　　　　{
    　　　　　　　　sel.options[0].selected = true;
    　　　　　　}
    　　　　}
    　　　　event.returnValue = false;
    　　　　break;
    　　　　case 8:
    　　　　　　//Back Space;
    　　　　　　var s = sel.options[sel.selectedIndex].text;
    　　　　　　sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);
    　　　　　　event.returnValue = false;
    　　　　　　break;
    　　}
    }
    function catch_press(sel)
    {
    　　sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
    　　event.returnValue = false;
    }
    //-->
    </script>
    <select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>
    <BR>按回車輸入新內容，按DEL刪除選中內容
    </body>