JQuery实现简单的自动补全功能,so easy!
来源:互联网 发布:网络边锋游戏大厅 编辑:程序博客网 时间:2024/05/22 16:50
html代码:
<!DOCTYPE html>
<html>
<head>
<title>Auto-fill Form Fields</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script>
<script src="script05.js"></script>
</head>
<body>
<div class="ui-widget">
<label for="searchField">Please enter your state:</label>
<input id="searchField">
</div>
</body>
</html>
jquery代码:
$(function(){
var stateList = "Alabama*Alaska*Arizona*Arkansas*California*Colorado*Connecticut*Delaware*Florida*Georgia*Hawaii*Idaho*Illinois*Indiana*Iowa*Kansas*Kentucky*Louisiana*Maine*Maryland*Massachusetts*Michigan*Minnesota*Mississippi*Missouri*Montana*Nebraska*Nevada*New Hampshire*New Jersey*New Mexico*New York*North Carolina*North Dakota*Ohio*Oklahoma*Oregon*Pennsylvania*Rhode Island*South Carolina*South Dakota*Tennessee*Texas*Utah*Vermont*Virginia*Washington*West Virginia*Wisconsin*Wyoming*";
$("#searchField").autocomplete({
source: stateList.split("*")
});
});
- JQuery实现简单的自动补全功能,so easy!
- Jquery实现自动补全功能
- 简单的自动补全功能
- 基于jquery实现输入框的自动补全功能
- jquery实现仿百度自动补全功能
- 简单类似于百度的自动补全功能
- jQuery Autocomplete 自动补全功能
- jQuery Autocomplete 自动补全功能
- 【输入智能提示功能】PHP+jQuery实现自动补全功能
- 【输入智能提示功能】PHP+jQuery实现自动补全功能
- jQuery 实现邮箱下拉列表自动补全功能
- Dwr实现自动补全功能
- JS实现自动补全功能
- solr进阶七:与jQuery结合的自动补全功能
- jquery的输入框自动补全功能+ajax
- solr进阶七:与jQuery结合的自动补全功能
- MySQL 的自动补全功能
- Vim7的自动补全功能
- 润乾--批量打印
- 第十三周项目1-点与圆的关系
- Servlet乱码解决
- 利用方差和标准差计算学生成绩的稳定性
- android注册新用户时用户名、密码验证信息实时提示实现
- JQuery实现简单的自动补全功能,so easy!
- C# webbrowser如何获取滚动条的位置?
- 在Delphi的XmlDom中使用XPath选中单个IXMLNode / TXmlNode 节点
- 算法java实现--回溯法--图的m着色问题
- java中为什么使用泛型,使用泛型的优点?
- Ambient Occlusion
- vs2010编译配置boost
- S3C6410开发板real6410 Uboot中内存地址的映射计算
- BAT云平台之争:百度领先,阿里发力,腾讯落后