87,992
社区成员
发帖
与我相关
我的任务
分享如何实现动态显示查询结果
快速查询: ___________________
---------------------------------------------------------
结果显示区
---------------------------------------------------------
我想在"快速查询"框中输入要查询的条件，然后将符合条件的内容输出在"结果显示区"。
要求：1、不能有提交按钮；
2、根据查询条件的变化动态输出结果；如：条件为 A，则所有包含A的内容输出到结果显示区。
...全文
请发表友善的回复…
发表回复
一天要饭生活又开始啦 2013-06-09
- 打赏
- 举报
可用keydown事件啊
rencht 2013-06-09
- 打赏
- 举报
不能有提交按钮那能有提交操作么？
你的数据已经Load到前台了么？
一叶飞舟 2013-06-09
- 打赏
- 举报
加入快速查询区的id=query，显示区的id=result ，可以这样写：
$('#query').keydown(function(){//键盘按下触发
var in = $(this);
$.ajax({//根据输入内容显示结果
type:"post",
url:"请求的后台url",
data:{'param':in},//传递的参数（输入的查询内容）
dataType:"json",//数据返回类型json格式,也可以是html、text文本格式的
success:function(data){//返回的结果
//遍历data，把data的内容放到显示区，使用$('#result').html(请求结果)
}
})
})
zyz_0420 2013-06-09
- 打赏
- 举报
有实例吗？
UEAnswer 2013-06-09
- 打赏
- 举报
第一：你能保证网络足够快，或者你的数据已经异步加载到本地。
第二：设置适当的延时，当超过延时没有输入时则去加载数据。
