JQuery中自动完成提示功能

1.导入JS文件和样式表文件

    <link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

    <script  src="js/jquery.js" type="text/javascript"></script>

    <script type='text/javascript'  src="js/jquery.autocomplete.js"></script>

 

2.添加如下js代码

<script language="javascript"> 

function findValue(li){   
    if( li == null ) return alert("No match!");   
    if(!li.extra )
    var sValue = li.extra[0]; 
}
function selectItem(li){   
    findValue(li);
}
function lookupLocal(){   
    var oSuggest = $(".ajaxinput")[0].autocompleter;   
    oSuggest.findValue();   
    return false;
}
$(document).ready(function(){
    $("#<%=this.txtActivityName.ClientID %>").autocomplete("../Ajax/AutoCompleteGroupName.aspx",{
        delay:1,
        minChars:1,
        matchSubset:1,
        cacheLength:1,
        onItemSelect:selectItem,
        onFindValue:findValue,
        autoFill:true,
        maxItemsToShow:20
    }); 
});

</script>