셀렉박스 관련해서 질문드립니다.
본문
이런 형태로 셀렉박스를 만들었는데
셀렉박스 안에서 방향키로 다른연도로 이동을 하면 엔터키를 치지 않아도
페이지가 이동됩니다
이걸 통제할 수 있는 JS를 만들수 있을까요?
답변 4
해당 스크립트가 변경시 바로 전환 되도록 되어 있는 부분입니다.
키 전환시 안쓰시려면 이 부분을 제거하시면 되십니다.
$('#selectYear').change(function(){
searchByYear();
});
감사합니다 잘 해결했습니다!
방향키로 이동시 엔터를 치지 않으면 자동으로 이동되는게 아닌게 맞는데 뭔가 어디서 스크립트로 키값으로 처리되는게 없는지 스크립트를 확인해 보셔야 할듯 합니다.
질문에 오류가 좀 있어보여집니다. 엔터키를 클릭안해도 이동한다는건 어디선가 잘못된 스크립트로 Event가 된다는 이야기 입니다. 보통 이런경우 jquery쪽에서 event을 실행하는 경우가 대부분입니다. 실행되는 스크립트를 주석처리를 하고 하나씩 점검해보시면 해결될꺼라 생각됩니다.
아래 코드를 오픈해주셨는데요..말씀드린바와 같이 문제의 jquery쪽에 change 이벤트가 있었네요..
이부분을 주석처리해주시면될꺼 같습니다.
$('#selectYear').change(function(){
searchByYear();
});
$('#selectYear').change(function(){
searchByYear();
});
function searchByYear(){
//검색조건 셋팅
$("#year").val($('#selectYear option:selected').val());
var frm = $("#psearFom");
frm.attr("action","/board/boardListPage.do");
frm.submit();
}
</script>
아 이렇게 스크립트가 걸려있습니다!
근데 엔터키 눌렀을때는 페이지가 이동해야 되서
이 부분을 수정할 수 있을까요?
답변을 작성하시기 전에 로그인 해주세요.