jquery+autocomplate+表单自动完成

最新推荐文章于 2024-11-15 13:47:20 发布

原创最新推荐文章于 2024-11-15 13:47:20 发布 · 786 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #autocomplete #coldfusion #scroll #function

Jquery 专栏收录该内容

3 篇文章

订阅专栏

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


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