您的位置：首页 > Web前端 > JQuery

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

2016-06-10 16:23 507 查看

在用户输入信息时，文本框显示提示信息会给用户输入打来很大的方便，在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>

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航