JQuery实现自动提示
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>
下载: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>