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

原创

于 2012-08-03 14:24:18 发布 · 4.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #asp.net #server #asp #function #div

本文介绍了一种方法，通过JavaScript实现ASP.NET中TextBox输入内容时，自动定位并高亮ListBox中匹配的项，该方法具有良好的通用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个效果很简单，直接上代码

 <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) !=