如何实现动态显示查询结果

zyz_0420 2013-06-09 12:03:41

快速查询: ___________________

---------------------------------------------------------
结果显示区




---------------------------------------------------------

我想在"快速查询"框中输入要查询的条件,然后将符合条件的内容输出在"结果显示区"。
要求:1、不能有提交按钮;
2、根据查询条件的变化动态输出结果;如:条件为 A,则所有包含A的内容输出到结果显示区。

...全文
179 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
可用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
  • 打赏
  • 举报
回复
引用 2 楼 veryhunger 的回复:
可用keydown事件啊
有实例吗?
UEAnswer 2013-06-09
  • 打赏
  • 举报
回复
第一:你能保证网络足够快,或者你的数据已经异步加载到本地。 第二:设置适当的延时,当超过延时没有输入时则去加载数据。

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧