ASP.NETはTextBoxから入力された内容に基づいてListBoxの項目に自動的に位置決めする

この効果は簡単で、直接コードをつけます.

 

        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++;
                }
            }
        }
       
    

フロントコード:

 

            

                

                        (       )：
                    
            
            

            
            

                

                        (       )：
                    
            
        

このjsメソッドの利点は,TextBoxのIDとListBoxのIDを入力するだけでよい汎用メソッドである.位置付けは、ファジイクエリにも相当します.