当前位置： 移动技术网 > IT编程>开发语言>.net > ASP.NET 根据TextBox输入的内容自动自动定位到ListBox中项

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

2018年11月01日  | 移动技术网IT编程  | 我要评论

书袋网,土霉素说明书,学习视频网

            这个效果很简单，直接上代码
[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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网