用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>
相关推荐
利用DataList控件实现加入购物车，查看购物车，结账功能。
本文给大家分享的是使用jQuery实现的房HTML5中的一个好看的input框很好看的下拉列表--datalist，兼容性非常不错，这里推荐给大家，有需要的小伙伴可以参考下。
datalist分页技术及实现，解决了许多，分页难以解决的问题，及更加灵活控制
C#中DataList实现增删改查，与DataSet进行绑定。
用datalist可以实现分页的视频，代码加例子，很实用
使用PagedDataSource类实现DataList控件的分页显示 使用PagedDataSource类实现DataList控件的分页显示 使用PagedDataSource类实现DataList控件的分页显示 使用PagedDataSource类实现DataList控件的分页显示使用...
用DataList循环实现在线考度单选题的显示，评分。
DataList基本的用法，其中包括编辑、删除、添加、更新、取消等基本操作的代码示例，另外还使用PagedataSource来实现了数据的分页。
Datalist实现分页功能，里面的数据库没有带，但能够正常运行。自己看一下吧！
DataList控件与AspNetPager分页控件三层实现，数据库都有，很好学习使用。
datalist 中嵌套datalist,纯文本格式，非常小·
一个DataList 嵌套DataList的例子，希望对各位有帮助。
HTML5新增的标签datalist实现输入中文/拼音首字母时，自动进入数据库模糊查询，并返回相应的结果，生成datalist，由于在输入框中的输入内容发生变化时，datalist会自动触发下拉框，解决方案非常好，下面通过本文给...
用datalist实现自定义数据绑定，然后将绑定好的数据进行分页显示。
简单自定义实现datalist分页 简单自定义实现datalist分页
如果用户不希望从列表中选择某项，也可以自行输入其他内容。 描述 语法格式 <datalist id="cars"> 值"> 值"> 值"> </datalist> datalist 元素 在使用<datalist>标记时，需要通过id属性为其指定一个唯一的标识，然后...
DataList分页技巧方法，助你实现分页的功能
DataList嵌套
DataList用法DataList用法DataList用法DataList用法DataList用法DataList用法DataList用法DataList用法DataList用法
使用PagedDataSource对象实现DataList的分页功能使用PagedDataSource对象实现DataList的分页功能使用PagedDataSource对象实现DataList的分页功能使用PagedDataSource对象实现DataList的分页功能使用PagedDataSource...