<%@ 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. 浏览器 - Firefox开发者附加组件

    Firefox开发者版本下载地址: https://www.mozilla.org/zh-CN/firefox/channel/desktop/#developer 教程: https://devel ...

  2. background为圆角的表框，dp转Px，Px转dp

    圆角边框<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="ht ...

  3. 创建一个Portlet工程

    使用Liferay的SDK创建一个简单的Portlet,此Portlet不包括业务逻辑.不包括数据库,只有简单的页面展现,用以说明Portlet的开发过程. 一.创建Portlet工程 1.打开Lif ...

  4. PHP入门 - - 07-->HTML的表单

    一.<form>标签及其属性 <from></form>标签对用来创建一个表单,即定义表单的开始和结束位置,<form>标签具有下面等属性.       ...

  5. DOM--6 向应用程序中加入ajax

    组合技术 适当的ajax时对已有技术和下列思想的组合 语义化(X)HTML标记 文档对象模型(DOM) JavaScript XML 不同浏览器中,公共XMLHttpRequest方法 open(me ...

  6. delphi 对Tmemo指定的行写入

    mmoMonitor:Tmemo; mmoMonitor.Lines.ValueFromIndex[0]:=aInfo ; procedure TMainForm.LogInfo(aInfo: str ...

  7. 实现点击不同的按钮加载不同的css

    这段时间做一个小网站发现有时候特别需要点击不同的按钮去加载不同的css,这样可以确定点击的是哪个,由于每个按钮都是从后端数据库加载过来的,不仅是简简单单的用id或者是类名,用过this也不行: 前端加 ...

  8. zjoi2016 day1【bzoj4455】【bzoj4456】

    首先做了T2的旅行者,看到bz上面过的人数比较多.. 考试的时候完全没有想太多.一闪而过了分块思想,然后就没有然后了.. 大视野上面有题解,竟然是一个初中生写的..? 正解其实是“分治”,每次选择中轴 ...

  9. Git分支操作

    1.创建分支 git branch <分支名> 2.切换分支 git checkout <分支名> 该语句和上一个语句可以和起来用一个语句表示: git checkout -b ...

  10. uva10106（大数乘法）

    public class Product { public static void main(String[] args){ Scanner sc = new Scanner(new Buffered ...