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

            这个效果很简单，直接上代码
[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>
                <div style="margin-top: 0; text-align: right">
                    定位商户(请输入商户名称)：
                    <asp:TextBox ID="txtLocateAllSeller" runat="server" onkeyup="OnTextChanged('txtLocateAllSeller','liboxAllSellers')"></asp:TextBox></div>
            </td>
            <td>
            </td>
            <td>
                <div style="margin-top: 0; text-align: left">
                    定位商户(请输入商户名称)：
                    <asp:TextBox ID="txtLocateSelectSeller" runat="server" onkeyup="OnTextChanged('txtLocateSelectSeller','selectSellers')"></asp:TextBox></div>
            </td>
        </tr>
</table>
这个js方法好处就是一个通用方法，只需要传入TextBox的ID和ListBox的ID即可。定位也相当于模糊查询。

作者：Chinajiyong

补充：Web开发 , ASP.Net ,