JQuery Autocomplete插件最简单的…

来源:互联网 发布:淘宝旗舰店的手机 编辑:程序博客网 时间:2024/05/16 13:51

一个简单的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>

我的更多文章:
  • (2010-03-11 17:43:05)
  • (2010-03-11 17:39:49)
  • (2009-12-23 10:37:44)
0 0
原创粉丝点击