用HTML5的datalist属性可以比较简单的实现输入联想功能，代码如下：
?
<html>
<head>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script>
//datalist添加联想内容
$(function($){
$("#associate option").remove();
//数据
var str = eval(‘[{"message":1},{"message":2}]‘);
//绑定到associate
$.each(str, function() {
$("#associate").append("<option value=‘"+this.message+"‘>");
});
})
</script>
</head>
<body>
<input type="text" list="associate">
<datalist id="associate">
</datalist>
</body>
</html>
?
?
?
原文：http://shou-senn.iteye.com/blog/2193433