JQuery Autocomplete插件最简单的…

一个简单的jquery autocomplete 使用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryAutocomplete1.aspx.cs" Inherits="BlogNet.JQueryDemo.JqueryAutocomplete1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>JQuery Autocomplete - 静态数组数据</title>
    
<link rel="stylesheet" type="text/css" href="../CSS/jquery.autocomplete.css" />
    
<script type="text/javascript" src="../JsLib/jquery-1.3.2.min.js"></script>
    
<script type="text/javascript" src="../JsLib/jquery.autocomplete.js"></script>
    
<script type="text/javascript">   
        
        
var websites = [   
            
"Google","NetEase""Sohu""Sina""Sogou""Baidu""Tencent",    
            
"Taobao""Tom""Yahoo""JavaEye""Csdn""Alipay"  
                ]; 
        
        $().ready(
function() {   
            $(
"#website").autocomplete(websites);      
        });   
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
    Web Site: 
<input type="text" id="website" />   
    
</div>
    
</form>
</body>
</html>

我的更多文章:
  • jquery validate 详解二(2010-03-11 17:43:05)
  • jquery validate 详解一(2010-03-11 17:39:49)
  • jquery-autocomplete 使用手册(2009-12-23 10:37:44)

你可能感兴趣的:(JQuery Autocomplete插件最简单的…)