`
舟舟同学
  • 浏览: 45533 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JQuery开发9-用户输入自动提示功能

阅读更多

在用户输入信息时,文本框显示提示信息会给用户输入打来很大的方便,在jQuery中使用jquery.autocomplete.js插件实现该功能,具体参考代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.js"></script>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/jquery.autocomplete.js"></script>
<script language="javascript"
	src="${pageContext.request.contextPath}/script/computerlanguage.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.autocomplete.css" />
<script type="text/javascript">
$(document).ready(function() {
		$("#tags").autocomplete(computerlanguage,{
		width: 100,
		highlight: false,
		multiple: true,
		multipleSeparator: " ",
		scroll: true,
		scrollHeight:100
	});
	});
</script>
</head>
<body>
	<label>输入语言:</label>
	<input type="text" id='tags' />
	<input type="button" value="提交" />
	<p>
</body>
</html>

 运行结果:

 

 

 

  • 大小: 5.3 KB
0
1
分享到:
评论

相关推荐

    jquery-ui-1.8.6 js库

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它为开发者提供了丰富的功能和华丽的样式,帮助构建具有高度交互性的网页应用。这个版本,即 jQuery UI 1.8.6,包含了各种组件和特效,为网页设计和...

    jquery-1.8.0.js+jquery-1.8.0-vsdoc.js

    这个文件包含了jQuery库的注释信息,使得开发人员在编写代码时,可以享受到IDE的自动完成、错误检查和函数参数提示等功能。在VS.NET2008中,将此文件与核心库一起引用,能够极大地提升开发效率,避免因忘记方法名称...

    jquery-1.3.2-jsdoc-Spket-profile.rar

    5. **使用Spket进行jQuery开发**: - 开发过程中,Spket会根据JSDoc注释提供实时的代码提示,帮助你快速查找和使用jQuery方法。 - 使用Spket的代码格式化功能,保持代码整洁。 - 利用其内置的错误检查,可以在编码...

    jquery-ui-1.11.0.custom

    - **Autocomplete(自动完成)**:在输入框中提供下拉列表,根据用户输入自动填充建议内容。 - **Sortable(可排序)**:使列表或表格中的元素可以被拖放排序。 - **Resizable(可调整大小)**:允许用户通过拖动...

    jquery-1.7.2-vsdoc.js

    而`jquery-1.7.2-vsdoc.js`这个文件则是jQuery针对Visual Studio开发环境特别设计的文档文件,为开发者提供了强大的智能提示功能。本文将详细介绍jQuery 1.7.2版本的核心特性,并结合`vsdoc`技术,探讨如何在Visual ...

    jquery-ui-1.10.4

    5. **Autocomplete(自动完成)**:此组件能够为输入框提供动态的建议列表,提高用户输入效率,常用于搜索框、地址输入等。 6. **Accordion(折叠面板)**:允许将多个内容区域组织成可折叠的面板,节省页面空间,...

    jquery-1.4.2&&jquery-1.4.2-vsdoc.js.rar

    这些注释使得在VS环境中编写jQuery代码时,可以享受到自动完成和文档提示的便利。例如,当在VS中输入`$("").`时,VS将显示所有可用的jQuery方法和属性,极大地提高了开发效率。 此外,jQuery 1.4.2还提供了丰富的...

    jquery-1.3.2-vsdoc.js

    而`jquery-1.3.2-vsdoc.js`是jQuery 1.3.2版本的一个特殊文件,它是专为Visual Studio设计的插件,用于提供代码提示和文档支持,极大地提升了jQuery在Visual Studio中的开发效率。 首先,我们来了解什么是VSDOC。...

    jquery-validation-1.13.0

    这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该插件包含了丰富的功能和优化,使得开发人员可以快速、有效地进行表单验证。 **1. 使用...

    jquery-ui-1.10.1

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件和交互效果,为开发者提供了构建功能丰富的、交互性强的网页应用的强大支持。在这个主题中,我们将深入探讨 jQuery UI 1.10.1 ...

    jquery-easyui-1.5.2

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,旨在简化Web前端开发过程,尤其是对于用户界面(UI)的构建。它提供了丰富的组件库,使开发者能够快速地创建功能完备、美观的Web应用程序。在"jquery-easyui-1.5.2...

    jquery-ui-1.8.18.zip

    7. **自动完成(Autocomplete)**:为输入框提供自动补全功能,提高用户输入效率,常见于搜索框或表单填写。 8. **特效(Effects)**:包含基本动画、过渡和复合效果,如淡入淡出、滑动、切换等,为网站增添动态视觉...

    jquery-ui-1.10.3

    - **Autocomplete(自动完成)**: 当用户在输入框中输入内容时,提供相关建议,常用于搜索框和表单字段。 - **Slider(滑块)**: 创建可滑动的条形控件,可用于数值选择或进度条。 - **Accordion(手风琴)**: 将...

    jquery-ui-1.8.custom.zip和大量的demo案例

    - **Datepicker(日期选择器)**:提供方便的日期输入和选择功能。 - **Autocomplete(自动完成)**:为输入框提供动态下拉建议,提升用户体验。 - **Sortable(可排序)**:使列表项可以进行拖放排序,常用于...

    jquery-ui-1.10.4.custom.zip

    它提供了多种可重用的组件,包括对话框(Dialog)、滑块(Slider)、日期选择器(Datepicker)和许多其他交互式元素,为网页开发提供了丰富的功能和优雅的样式。在我们讨论的这个特定版本——"jquery-ui-1.10.4....

    jquery-validate-中文提示.rar

    在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设规则,提高用户体验,防止无效数据提交。jQuery Validate插件作为一款强大的表单验证工具,因其轻量级、易用性而深受开发者喜爱。本文将深入探讨...

    jquery-easyui-1.3.2+中文文档

    14. **验证(Validator)**: 自动验证表单输入,确保数据的正确性。 此外,`EasyUI官方API中文版.exe` 提供了完整的中文文档,包括组件的使用方法、属性、事件和方法等详细信息,对于学习和使用 jQuery EasyUI ...

    jquery-ui-1.8.12.custom.zip

    - **Autocomplete(自动完成)**:输入框自动填充建议,提升用户体验。 - **Slider(滑块)**:水平或垂直滑动条,可用于数值选择或进度显示。 - **Sortable(可排序)**:使列表或网格元素可拖放排序,常用于...

    jquery-ui-1.8.16.custom

    6. **Autocomplete**:自动补全功能,常用于输入框中提供搜索建议或完成用户输入。 二、自定义构建 "custom" 版本的含义在于,开发者可以通过在线工具或下载源码后自行配置,只选择所需的组件和主题,避免引入不必...

Global site tag (gtag.js) - Google Analytics