<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <link
    href="${pageContext.request.contextPath }/css/bootstrap.css"
    type="text/css" rel="stylesheet" />
<script type="text/javascript"
    src="${pageContext.request.contextPath }/js/jquery-1.10.2.js"></script>
<script type="text/javascript"
    src="${pageContext.request.contextPath }/js/bootstrap.js"></script>
</head>
<body>
<form id="search" action="${pageContext.request.contextPath }/keypress" method="post" onkeyup="p.search(event)">
<table class="table">
    <tr>
        <td>
            告警级别
        </td>
        <td>
            <select name="level">
                <option value="">全部</option>
                <option value=">高</option>
                <option value=">中</option>
                <option value=">低</option>
            </select>
        </td>
        <td>
            告警流水号
        </td>
        <td>
            <input type="text" name="serialNo"/>
        </td>
    </tr>
    <tr>
        <td>告警标题</td>
        <td>
            <input type="text" name="title"/>
        </td>
        <td>上报时间</td>
        <td>
            <input type="text" name="uploadTime"/>
        </td>
    </tr>
    <tr>
        <td colspan=">
            <input class="btn btn-primary btn-sm" type="button" value="查询"/>
            <a class="btn btn-primary btn-sm"  href="javascript:void(0);" onclick="">清空查询条件</a>
        </td>
    </tr>
</table>
</form>
<form action="">

</form>
</body>
<script type="text/javascript">
$(function(){
    p.initSearch();
});
var p = {
      flag:false,
      search:function(event){
         ){
            if(p.flag){
                alert("查询");
                $("#search").submit();
            }
         }
      },
      initSearch:function(){
          var $inputs = $("#search input");
          p.bindFB($inputs);
          var $selects = $("#search select");
          p.bindFB($selects);
      },
      bindFB:function($flags){
          ;i<$flags.length;i++){
                var $flag=$($flags.get(i));
                $flag.bind({
                    "focus":function(){
                        p.flag=true;
                    },
                    "blur":function(){
                        p.flag=false;
                    }
                });
            }
      },
      clearCondition:function(){
          alert("clear");
      }
}
</script>
</html>

利用bootstrap的样式去除“清空查询条件按钮”的回车键查询功能

条件查询，有input和select框，当查询条件获取焦点时支持摁下enter键查询的更多相关文章

  1. 关于键盘事件-查询：有多个input框，任意一个支持enter键查询

    应用场景:同一个界面有多个input框支持任意一个Enter查询. 实现:在input框中添加onkeypress="函数名()". 函数里面编写对应键盘code值,在里面直接调用 ...

  2. 使用mybatis提供的各种标签方法实现动态拼接Sql。使用foreach标签实现遍历查询。比如实现select * from user where id in(1,10,24)这条sql查询语句。

    向sql传递数组或List,mybatis使用foreach解析,如下: 需求: 传入多个id查询用户信息,用下边的sql实现: select * from user where id in(1,10 ...

  3. css取消input、select默认样式（手机端）

    IOS端: background-color:transparent; border-color:transparent; andorid端: 仅仅使用上面的代码还不够,可以发现select框在某些浏 ...

  4. 2.3 LINQ查询表达式中 使用select子句 指定目标数据

    本篇讲解LINQ查询的三种形式: 查询对象 自定义查询对象某个属性 查询匿名类型结果 [1.查询结果返回集合元素] 在LINQ查询中,select子句和from子句都是必备子句.LINQ查询表达式必须 ...

  5. Atitit.有分区情况下的表查询策略流程

    Atitit.有分区情况下的表查询策略流程 1. 分区表查询策略流程1 2. 常见数据库oracle mysql的分区查询语句1 2.1. 跨分区查询(oracle)1 2.2. 单分区查询 (ora ...

  6. 在ie9下在textbox框里面输入内容按enter键会触发按钮的事件

    问题 在ie下,如果存在有button标签,如果在textbox里面输入内容,按下enter键,则会触发第一个按钮的click事件,经过测试,在IE10以及以下的都存在这个问题 原因 浏览器默认行为不 ...

  7. 禁用 Bootstrap 模态框(Modal) 点击空白时自动关闭

    在做项目的时候,来了这么一个需求,要求打开模态框后,点击空白的地方不让他自动关闭,只能点击关闭按钮才能关闭. 有了需求,就开始查找资料寻求解决的方法. 我找到的解决方法如下: $('#registCo ...

  8. php中模糊查询并关联三个select框

    1.在php中我们经常用到下拉框,并相互关联,如果下拉框的option非常多,那么我们就要用到模糊搜索功能,那么怎么做呢? 在此功能中,走了弯路,最好不要关联两个select的id值后select属性 ...

  9. HTML:form表单总结，input，select，option，textarea，label

    <form>标签是块级元素. form标签的标准属性有id,class,style,title,lang,xml:lang. 表单能够包含input元素(包含button,checkbox ...

随机推荐

  1. 【框架】网络请求+Gson解析--Retrofit 2

    其实内部是封装了Okhttp和Gson解析 public class CourseFragmentAPI { public static void get(String userId, BaseCal ...

  2. Loadrunner中参数化实战（1）-Sequential+Each iteration

    参数化数据30条: 脚本如下,演示登录,投资,退出操作是,打印手机号: 首先验证Vugen中迭代: Sequential+Each iteration 设置迭代4次Action 结果如下:

  3. hdu 1003 MAX SUM 简单的dp，测试样例之间输出空行

    测试样例之间输出空行,if(t>0) cout<<endl; 这样出最后一组测试样例之外,其它么每组测试样例之后都会输出一个空行. dp[i]表示以a[i]结尾的最大值,则:dp[i ...

  4. hdu 1251 字典树的应用

    这道题看了大神的模板,直接用字典树提交的会爆内存,用stl 里的map有简单有快 #include <iostream> #include <map> #include < ...

  5. PS切图的几种方式

    方法一 点击图层右键-->导出为 导出需要的格式与大小 方法二 选择多个图层右键--->快速导出为PNG(导出的名字就是图层名字) 方法三

  6. 基线 css

    原文地址:http://blog.jobbole.com/31926/ 英文原文:CSS Baseline,编译:飞鸟分享 译者注:网页设计布局中一直比较流行网格对齐,但只是针对水平的对齐,很少或者没 ...

  7. AngularJS 学习之事件

    1.ng-click指令:定义了AngularJS点击事件 <div ng-app="" ng-controller="myCtrl"> <b ...

  8. js整理2

    字符串 类型 var a = "abc"; var b = new String( a ); var c = Object( a ); typeof a; // "str ...

  9. 使用注解方式定义和配置aop

    http://blog.sina.com.cn/s/blog_5e6d29fd0100ycka.html

  10. MongoDB 入门之基础 DCL

    此文章主要记录部分主要的 MongoDB 的 DCL 操作. MongoDB 默认不需要用户名和密码就可以用 mongodb.exe 登录 一.开启 MonogoDB 的权限模式 修改 MongoDB ...