jquery+autocomplate+表单自动完成

最新推荐文章于 2024-08-31 10:05:58 发布

最新推荐文章于 2024-08-31 10:05:58 发布 · 176 阅读

文章标签：

#javascript #php #java #ViewUI

本文详细介绍了如何使用jQuery库轻松实现自动完成搜索功能，包括引入必要的CSS和JavaScript文件，配置自动完成对象，以及设置参数如宽度、最大显示项数、是否高亮等。通过实例演示了如何在网页中快速集成此功能，方便用户进行高效搜索。

最简单的实现方式: <link type="text/css" href="jquery.autocomplete.css" rel="stylesheet">//这个CSS很重要 <script language='javascript' src="jquery_last.js"></script> <script language='javascript' src="jquery.autocomplete.js"></script>//必不要少的哟 <script language='javascript'> $(function(){ $("#suggest").autocomplete(["c++", "java", "php", "coldfusion", "javascript", "asp"], { width: 320, max: 4, highlight: false, multiple: true, multipleSeparator: " ", scroll: true, scrollHeight: 300 }); }); </script> <form autocomplete="off">//这个鬼东西害我整了好几天 <input type="text" id="suggest" /> </form>