html中有没有类似IE地址栏的东东？ 能自己输入，又能在下拉里面找东东。

html中没有，要实现它，你得自已写代码实现你可以用<select>去模仿一个，或者用activx做一个

解决方案 »

  1.   

    etre(林荃)，js可以做？给个思路先，要是给段代码，那就...
    呵呵，谢谢，谢谢！
      

  2.   

    做一个隐藏得层
    再这个层里面包含你得所有数据(所有数据由服务器端获得)得一个table
    另外再你调用这个得时候，使这个层能够显示再你得文本框得下方
    利用substring方法过滤不同得数据
    大概思路就这样，我以前写过一个，可惜现在找不到了
    呵呵
    你自己写吧，
      

  3.   

    <select name="select" style="position:absolute; left: 197px; top: 80px; width: 120px; height: 22px; clip: rect(0 120 22 100)" id="select" onchange="clientUser.value=select.options[select.selectedIndex].text;clientUser.select()">
    <option value="1" selected>aaaaaa</option>
    <option value="2">bbbbb</option>
    </select> 
    <input type="text" style="position:absolute; left: 198px; top: 81px; width: 100px; height: 18px" name="clientUser" value="请选择二批名称" onfocus="this.select();">
      

  4.   

    <select> + <input> + dhtml
      

  5.   

    可以用层和textbox模仿实现，只是要写很多JS代码
      

  6.   

    <html>
    <head>
    <title>可以编辑的下拉列表 - by WildWind<[email protected]>...</title>
    <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>
    </head>
     
    <body onload="s1.focus();">
    <h3>操作方法:</h3>
    <p>
    1.按Enter键开始添加输入新的选项...<br>
    2.按Del键删除当前选项...<br>
    3.按Esc键查看当前选项的text和value值...<br>
    4.按BackSpace键删除当前选项的前一个字符...<br>
    </p>
    <h3>测试结果:</h3>
    <p>
    1.IE6.0测试通过...<br>
    </p>
    <br>
    <h3>建议&意见:</h3>
    <p>
    1.大家可以做成htc,将这些函数绑在css上(很简单,不再介绍...)...<br>
    </p>
    <h3>示例:</h3>
    <p>
    <select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>
    </p>
    </body>
    </html>
      

  7.   

    看看这个，很简单的。一个在网页中使用css+javascript实现的改进了的可以输入的下拉框,(整理+部分原创) http://www.delphibbs.com/keylife/iblog_show.asp?xid=2020
      

  8.   

    http://www.delphibbs.com/keylife/iblog_show.asp?xid=2020请在文本框里输入你想选择的省份所包含的单字符或者词语，
    <br>比如“海”，或者“海南”,再点下拉按钮，
    <br>下拉列表已经自动把包含这个词语的选项排在靠前的位置了，<br>
    以方便你的选择，你不用再在下拉列表里一项一项的去找你要的选项了<br>
      

  9.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script language="javascript">
    function chgselectlist()
    {
     if (document.theForm.clientUser.value!="")
     {var tmp=document.theForm.clientUser.value,j=0
     var j=1
     for(var i=1;i<document.theForm.selectItem.length;i++)
     {
       if(eval("document.theForm.selectItem["+i+"].text.search(/"+tmp+"/)!=-1"))
       {
         document.theForm.selectItem[i].swapNode(document.theForm.selectItem[j])
         j++;
       }
     }
     }
     else
     {
     document.theForm.selectItem.options[0].value="";
     }
     document.theForm.selectItem.options[0].selected = true;
    // if (document.theForm.selectItem.options[0].value.length>1)
    // {
    // alert("你选择了  "+document.theForm.selectItem.options[0].value);
    // }
    }
    function chgselectItem(){
    document.theForm.selectItem.options[0].value=document.theForm.selectItem.options[document.theForm.selectItem.selectedIndex].value;
    document.theForm.clientUser.value=document.theForm.selectItem.options[document.theForm.selectItem.selectedIndex].text;
    }
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000">
    <hr>
    <form method="post" name="theForm"  >
    <select name="selectItem" style="position:absolute; left: 197px; top: 80px; width: 120px; height: 22px; clip: rect(0 120 22 100)" id="select"   onChange="chgselectItem()">
       <option value="">--请选择--</option>
         <option value="NO_LIMIT" selected>所有</option>
               <option value="北京">北京</option>   
               <option value="上海">上海</option>   
               <option value="天津">天津</option>   
               <option value="重庆">重庆</option>   
               <option value="安徽">安徽</option>   
               <option value="甘肃">甘肃</option>   
               <option value="福建">福建</option>   
               <option value="广东">广东</option>   
               <option value="广西">广西</option>   
               <option value="贵州">贵州</option>   
               <option value="贵州">苏州</option>   
               <option value="贵州">广州</option>   
               <option value="海南">海南</option>   
               <option value="河北">河北</option>   
               <option value="河南">河南</option>   
               <option value="黑龙江">黑龙江</option>   
               <option value="湖北">湖北</option>   
               <option value="湖南">湖南</option>   
               <option value="吉林">吉林</option>   
               <option value="江苏">江苏</option>   
               <option value="江西">江西</option>   
               <option value="辽宁">辽宁</option>   
               <option value="内蒙古">内蒙古</option>   
               <option value="宁夏">宁夏</option>   
               <option value="青海">青海</option>   
               <option value="山东">山东</option>   
               <option value="山西">山西</option>   
               <option value="陕西">陕西</option>   
               <option value="四川">四川</option>   
               <option value="西藏">西藏</option>   
               <option value="新疆">新疆</option>   
               <option value="云南">云南</option>   
               <option value="浙江">浙江</option>   
               <option value="香港特别行政区">香港特别行政区</option>   
               <option value="澳门特别行政区">澳门特别行政区</option>   
               <option value="台湾">台湾</option></select> 
    <input name="clientUser" type="text" style="position:absolute; left: 198px; top: 81px; width: 100px; height: 18px" value="请选择二批名称"  onPropertyChange="chgselectlist();">
    </form><P>a</P>b<P>c</P>
    <hr></body>
    </html>我决定用这种方式了，谢谢楼上诸位，觉得50分不够大家分的，下次再有问题一点多拿分，！