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("*")
 });
});

 

0 0
原创粉丝点击