<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">
</script>
</head>
<body>
<input id="roadline"></body>
<script type="text/javascript">
$(function() {
var availableTags = ["北京","上海","贵阳","西安","成都","杭州","广东","安顺","婺源","深圳","青岛","秦皇岛","苏州"];
$( "#roadline" ).autocomplete({source:function(request, response) {
var results = $.ui.autocomplete.filter(availableTags, request.term);
response(results.slice(0, 10));//
},
messages: {
noResults: '',
results: function() {}
},
});
});
</script>
</html>