下拉提示(GoogleSuggest)
来源:互联网 发布:怎么打开企业淘宝店铺 编辑:程序博客网 时间:2024/06/07 16:29
样式:
<style type="text/css">
.autocomplete{width:200px;border:1px solid #999;background:white;position:absolute;overflow:hidden; list-style-type:none; padding-left:0;margin-left:0px; margin-top:0;}</style>
JS:(Jquery)
<script type="text/javascript" language="javascript">
var $autocomplete = $("<ul class='autocomplete'></ul>").hide().insertAfter("#<%=search.ClientID %>");
$("#<%=search.ClientID %>").keyup(function () {
$.post("Handler.ashx", { "searchText": $("#<%=search.ClientID %>").val() }, function (data) {
if (data.length) {
$autocomplete.empty();
var arr = data.substring(0, data.length - 1).split(',');
$.each(arr, function (index, term) {
$("<li></li>").text(term).appendTo($autocomplete).mouseover(function () {
$(this).css("background", "green");
}).mouseout(function () {
$(this).css("background", "white");
})
.click(function () {
$("#<%=search.ClientID %>").val(term);
$autocomplete.hide();
});
});
$autocomplete.show();
}
});
}).blur(function () {
setTimeout(function () {
$autocomplete.hide();
}, 500);
});
</script>
AjAx:
public void ProcessRequest (HttpContext context) {
BLL.Hotel bHotel = new BLL.Hotel();
context.Response.ContentType = "text/plain";
string teststr = context.Request.Form["searchText"];
DataTable dt = bHotel.GetHotelName(teststr).Tables[0];
string str = null;
for (int i = 0; i < dt.Rows.Count; i++)
{
str += dt.Rows[i]["HotelName"]+",";
}
context.Response.Write(str);
}
- 下拉提示(GoogleSuggest)
- ajax下拉动态提示
- 下拉列表提示效果
- 文本提示下拉框
- 搜素框自动下拉提示
- javascript 文本下拉提示
- 动态提示下拉框
- Nutch之GoogleSuggest前缀匹配
- 动态提示的下拉框
- 动态提示的下拉框
- 带提示的下拉框
- 动态提示的下拉框
- 输入框邮箱下拉提示
- 文本框自动下拉选择提示
- kendoComboBox 下拉搜索自动提示
- jq 智能搜索 下拉提示
- jQuery入门学习九:仿GoogleSuggest
- jQuery入门学习九:仿GoogleSuggest .
- HDFS------datanode的初始化
- 在VC2008下使用 Log4cxx 配置步骤说明:
- Android入门之TimePicker(纯java)
- c/c++中const用法总结
- Winscok API
- 下拉提示(GoogleSuggest)
- PHP无限分类(树形类)
- DB2 执行SQL文件
- Python随笔之文档字符串(DocStrings)
- 【转】Linux--系统时间/硬件时间的设置
- java中synchronized用法
- db2 常用命令
- 获取选定CheckBox控件的值及js实现勾选时勾选相关父子关系
- linux 查找字符串