JQuery实现自动提示

最新推荐文章于 2024-09-13 07:59:37 发布

黄瓜和土豆

最新推荐文章于 2024-09-13 07:59:37 发布

阅读量4k

点赞数

分类专栏： AJAX 文章标签： jquery stylesheet function object ajax 数据库

本文链接：https://blog.csdn.net/pengchua/article/details/2517262

版权

AJAX 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JQuery实现自动提示
下载:jquery.js和jquery.autocomplete.js
具体实现如下:
<html>
<head>
<title>jquery autocomplete</title>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
    arr = ["Allen","Albert","Alberto","Alladin","黄瓜","土豆"];   //这些数据可以采用ajax从数据库取到,后赋给arr
    $(document).ready(function(){ //当文档载入后从此处开始执行代码
//$号是 jQuery “类”(jQuery "class")的一个别称，因此$()构造了一个新的jQuery 对象(jQuery object)。
        $("#input_box").autocompleteArray(arr);
    });
</script>
</head>
<body>
<input type="text" id="input_box" />
</body>
</html>