搜索输入框关键词联想提示_如何实现搜索框的关键词提示功能,搜索提示联想资源-CSDN文库

共14个文件

png：6个

js：4个

css：2个

联想提示

关键词关联

5星 · 超过95%的资源需积分: 44 169 浏览量 2014-05-12 15:44:00 上传评论 4 收藏 82KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

.zip （14个子文件）

输入框联想提示

search_middle.png 957B

输入框联想提示

search_middle.png 957B

jquery.autocomplete.js 16KB

jquery.autocomplete.css 1KB

testTip.html 1KB

search_up.png 1KB

jquery-1.8.3.js 91KB

search_down.png 1KB

jquery.autocomplete.js 16KB

jquery.autocomplete.css 1KB

testTip.html 1KB

search_up.png 1KB

jquery-1.8.3.js 91KB

search_down.png 1KB

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta content="" name="description"> <meta content="" name="keywords"> <title>中国电信</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="jquery-1.8.3.js"></script> <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css"> <script type="text/javascript" src="jquery.autocomplete.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#searchtext').AutoComplete({//绑定要实现提示关联词的搜索框ID 'type': 'post', //'data': "/test/keyWord.do?method=searchKeyWord&shop_id=&keyWord=" + $("#searchtext").val(),//此处填写ajax查询关联词url 'data':["189","153","123","1998"],//返回的json数据示例 'width': 290, 'ajaxDataType': 'json', 'async': true, 'onerror': function(msg) {} }); }); </script> </head> <body> <input type="text" id="searchtext" name="searchtext" autocomplete="off">

评论收藏

内容反馈