다음 회차 키를 눌러 조회하다

외부 js 파일enterKeySearch.js

var flag=false;

function search(submitButton){

        initSearch();

        window.onkeyup=function(event){

            if(flag&&event.keyCode==13){

                submitButton.submit();

            }

        } 

}

function initSearch(){

      var $querys = $(".query");

      for(var i=0;i<$querys.length;i++){

          var $query = $($querys.get(i));

          $query.bind({

             "focus":function(){

                 flag=true;

             },

             "blur":function(){

                 flag=false;

             }

          });

      }

}

사용 방식: 검색이 필요한 input 상자나 select에 스타일class="query"
search 방법을 호출하여 제출할form 폼의 jquery 대상을 전송합니다
다음은 데모:

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<link  type="text/css" href="../resources/css/bootstrap.css" rel="stylesheet"/>

<script type="text/javascript" src="../resources/js/jquery-1.11.2.js"></script>

<script type="text/javascript" src="../resources/js/bootstrap.js"></script>

<script type="text/javascript" src="../resources/js/enterKeySearch.js"></script>

</head>

<body>

<form id="search" action="${pageContext.request.contextPath }/keypress" method="post">

<table class="table">

    <tr>

        <td>

            

        </td>

        <td>

            <select name="level" class="query">

                <option value=""> </option>

                <option value="1"> </option>

                <option value="2"> </option>

                <option value="3"> </option>

            </select>

        </td>

        <td>

             

        </td>

        <td>

            <input type="text" name="serialNo" class="query"/>

        </td>

    </tr>

    <tr>

        <td> </td>

        <td>

            <input type="text" name="title" class="query"/>

        </td>

        <td> </td>

        <td>

            <input type="text" name="uploadTime" class="query"/>

        </td>

    </tr>

    <tr>

        <td colspan="4">

            <input class="btn btn-primary btn-sm query" type="button" value=" "/>

            <input class="btn btn-primary btn-sm"  type="button" onclick="" value=" "></a>

        </td>

    </tr>

</table>

</form>

<form action="">



</form>



</body>

<script type="text/javascript">

$(function(){

    var $submitButton = $("#search");

    search($submitButton);

});

</script>

</html>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Hibernate의 다중 테이블 조회 및 캡처 정책

[내부 연결] [외부 연결] 왼쪽 외부 연결: left outer join Select * from A left outer join B on 조건; 오른쪽 외부 연결:right outer join Select * f...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

다음 회차 키를 눌러 조회하다

좋은 웹페이지 즐겨찾기