欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET 根据TextBox输入的内容自动自动定位到ListBox中项

程序员文章站 2022-03-23 19:38:02
            这个效果很简单,直接上代码 [javascript]

            这个效果很简单,直接上代码
[javascript]
<script type="text/javascript"> 
 
       function ontextchanged(textboxid, listboxid) { 
           var inputtext = $.trim($("#" + textboxid.tostring()).val()); 
           if (inputtext.length != 0) { 
               for (var i = 0; i < document.getelementbyid(listboxid.tostring()).options.length; i++) { 
                   document.getelementbyid(listboxid).options[i].selected = false; 
               } 
 
               var sinputname = inputtext.touppercase(); 
               var istopflag = -1; 
               var iindex = 0; 
               var stext; 
               while (iindex < document.getelementbyid(listboxid).options.length && istopflag == -1) { 
                   stext = document.getelementbyid(listboxid).options[iindex].text.touppercase(); 
                   if (stext.indexof(sinputname) != -1) { 
                       document.getelementbyid(listboxid).options[iindex].selected = true; 
                       //istopflag = 0; 
                   } 
                   iindex++; 
               } 
           } 
       } 
       
   </script> 

前台代码:
[html] 
<table> 
 <tr> 
            <td> 
                <p style="margin-top: 0; text-align: right"> 
                    定位商户(请输入商户名称): 
                    <:textbox id="txtlocateallseller" runat="server" onkeyup="ontextchanged('txtlocateallseller','liboxallsellers')"></asp:textbox></p> 
            </td> 
            <td> 
            </td> 
            <td> 
                <p style="margin-top: 0; text-align: left"> 
                    定位商户(请输入商户名称): 
                    <asp:textbox id="txtlocateselectseller" runat="server" onkeyup="ontextchanged('txtlocateselectseller','selectsellers')"></asp:textbox></p> 
            </td> 
        </tr> 
</table> 
这个js方法好处就是一个通用方法,只需要传入textbox的id和listbox的id即可。定位也相当于模糊查询。


作者:chinajiyong