http://jsgears.com/thread-114-1-1.html
http://docs.jquery.com/Plugins/Autocomplete
首先製作一隻jQuery.htm
t1結果是使用靜態範例
t2結果是使用動態範例，此範例可以抓資料庫資料，我已經測試過可以用，至於要如何抓資料庫資料就自己發揮吧…
<!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>
<title>jQuery</title>
<link rel=”stylesheet” type=”text/css” href=”../css/jquery.autocomplete.css” />
<script type=”text/javascript” src=”../js/jquery-1.2.6.js”></script>
<script type=”text/javascript” src=”../js/jquery.autocomplete.js”></script>
</head>
<body>
<input type=”text” name=”t1″ id=”t1″ /> <br />
<input type=”text” name=”t2″ id=”t2″ /> <br />
<br />
<script language=”javascript”>
var data = ['台北市中正區','台北市大同區','台北市中山區','台北市松山區','台北市大安區'];
$(”#t1″).autocomplete(data, {matchContains: true});
$(”#t2″).autocomplete(’jQueryAutoComplete.aspx’);
</script>
</body>
</html>
然後再做一支jQueryAutoComplete.aspx
後面添加下面程式即可
protected void Page_Load(object sender, EventArgs e)
{
getData1();
}
private void getData1()
{
string q = Request["q"];
int check_str = 0;
int i = 0;
string[] data = new string[] { “1″, “3″, “5″, “7″, “9″ };
if (string.IsNullOrEmpty(q))
{
for (i = 0; i <= (data.Length - 1); i++)
{
Response.Write(data[i] + “\n”);
}
}
else
{
for (i = 0; i <= (data.Length - 1); i++)
{
Response.Write(q+data[i] + “\n”);
}
}
}
留言列表
房屋買賣知識 (2)
