테스트 사이트 - 개발 중인 베타 버전입니다

셀렉박스 관련해서 질문드립니다. 채택완료

skqhdjk2 1년 전 조회 10,660

http://sir.kr/data/editor/2409/1893379372_1726706507.1614.png" width="179" />

http://sir.kr/data/editor/2409/1893379372_1726706519.6672.png" width="382" />

이런 형태로 셀렉박스를 만들었는데

셀렉박스 안에서 방향키로 다른연도로 이동을 하면 엔터키를 치지 않아도

페이지가 이동됩니다

이걸 통제할 수 있는 JS를 만들수 있을까요?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
플라이
1년 전
해당 스크립트가 변경시 바로 전환 되도록 되어 있는 부분입니다.
키 전환시 안쓰시려면 이 부분을 제거하시면 되십니다.

$('#selectYear').change(function(){
        searchByYear();
});
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

s
skqhdjk2
1년 전
감사합니다 잘 해결했습니다!

댓글을 작성하려면 로그인이 필요합니다.

s
1년 전

</p>

<p>$('#selectYear').change(function(){</p>

<p>        searchByYear();</p>

<p>});</p>

<p>function searchByYear(){</p>

<p>    //검색조건 셋팅</p>

<p>    $("#year").val($('#selectYear option:selected').val());</p>

<p>    var frm = $("#psearFom");</p>

<p>     </p>

<p>    frm.attr("action","/board/boardListPage.do");</p>

<p>    frm.submit();</p>

<p>}</p>

<p></script></p>

<p>

아 이렇게 스크립트가 걸려있습니다!

근데 엔터키 눌렀을때는 페이지가 이동해야 되서

이 부분을 수정할 수 있을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

복스리
1년 전

질문에 오류가 좀 있어보여집니다. 엔터키를 클릭안해도 이동한다는건 어디선가 잘못된 스크립트로 Event가 된다는 이야기 입니다. 보통 이런경우 jquery쪽에서 event을 실행하는 경우가 대부분입니다. 실행되는 스크립트를 주석처리를 하고 하나씩 점검해보시면 해결될꺼라 생각됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

복스리
1년 전
아래 코드를 오픈해주셨는데요..말씀드린바와 같이 문제의 jquery쪽에 change 이벤트가 있었네요..
이부분을 주석처리해주시면될꺼 같습니다.

[code]
$('#selectYear').change(function(){
searchByYear();
});
[/code]

댓글을 작성하려면 로그인이 필요합니다.

플라이
1년 전

방향키로 이동시 엔터를 치지 않으면 자동으로 이동되는게 아닌게 맞는데 뭔가 어디서 스크립트로 키값으로 처리되는게 없는지 스크립트를 확인해 보셔야 할듯 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인