快速查询: ___________________
         
---------------------------------------------------------
结果显示区
---------------------------------------------------------

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

动态输出查询结果

解决方案 »

  1.   

    不能有提交按钮那能有提交操作么?
    你的数据已经Load到前台了么?
      

  2.   

    加入快速查询区的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(请求结果)
             }
         })
    })