哎,又是一个可编辑的下拉筐过滤的问题,你search一下吧

解决方案 »

  1.   

    先把 id和name放数组中,进行检索
      

  2.   

    <script>
    function Filteropts()
    {
        var opart,astr,alen,opln,i,boo;
        boo = false;
        var result = new Array();
        var opts = document.all.sel1clone.options;
        opln = opts.length;
        astr = document.all.txt1.value.toLowerCase();
        alen = astr.length;
        if(alen == 0)
        {
            for(i=0;i<opln;i++)
            {
                  result[result.length] = opts[i];boo = true;
            }
        }
        else
        {
            for(i=0;i<opln;i++)
            {
                 opart = opts[i].text.toLowerCase().substring(0,alen)
                 if(astr == opart)
                 {
                       result[result.length]=opts[i];boo=true;
                 }
            }
        }
         if(!boo){result[0] = ""}
         return result;
    }
    function bao()
    {
        var opts = document.all.sel1.options;
        arr = Filteropts();
        opts.length=0;
        for(var i=0;i<arr.length;i++)
        {
            opts[opts.length] = new Option(arr[i].text,arr[i].value);
        }
    }
    </script> 
    <!--过滤显示-->
    <input type="text" name="txt1" onkeyup="bao()">
    <select name="sel1">
    <option>123456
    <option>234565
    <option>345676
    <option>356883
    <option>456698
    </select>
    <!--源数据-->
    <select name="sel1clone" style="display:none">
    <option>123456
    <option>234565
    <option>345676
    <option>356883
    <option>456698
    </select>
    </body>
    </html>