jquery+autocomplate+表单自动完成

幸福的小木鱼

于 2011-11-05 08:54:27 发布

阅读量781

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery javascript autocomplete coldfusion scroll function

本文链接：https://blog.youkuaiyun.com/lin_lujian/article/details/6936461

Jquery 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何使用 jQuery 实现自动完成功能，包括引入必要的 CSS 和 JavaScript 文件、配置自动完成参数、设置输入框属性以及关键的 jQuery 代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


最简单的实现方式: 
<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>