您好,欢迎访问一九零五行业门户网

jquery autocomplete自动完成插件的的使用方法_jquery

首先下载所需文件,jquery.autocomplete.js和jquery.autocomplete.css。
由于该控件获得数据可以从数组和url两种方式获取,所以写了两个简单的小例子试验一下。
前台代码如下:
复制代码 代码如下:
省份:
用户名:
其中用户名部分是从后台读取数据,相应的url为getusername.aspx。该页面的.cs文件为:
复制代码 代码如下:
protected void page_load(object sender, eventargs e)
{
//默认传入的键值为q
if (request.querystring[q] != null)
{
string key = request.params[q].tostring();
string result = ;
db db = new db();
string sql = select username from users where username like ' + key + %';
sqldatareader dr = db.getreader(sql);
while (dr.read())
{
result += dr[username].tostring() + \n;
}
if (result == )
result = not exists;
response.write(result);
}
}
写完之后发现可以实现想要的功能,可是样式老是有问题。显示出来的结果列表挺丑的,好像没有套用上css。想了半天也没看出哪的问题来。今天早上猛然发现犯了一个低级错误啊,少写了rel=stylesheet,my god!服了自己了。
一个简单的例子到此完成了。继续学习。
其它类似信息

推荐信息