728x90
반응형
셀렉트(select)를 이용해 현재 어느 메뉴에 있는지 알려주고, 다른 메뉴 페이지로 이동 가능하도록 구현하기
//스크립트를 이용해 현재 페이지에 해당하는 메뉴가 선택되도록 한다.
$("#sel1").find("option").eq(stop).prop("selected",true);
$("#sel2").find("option").eq(sbot).prop("selected",true);
//select에 onchange 이벤트를 이용해 값이 변경되면 해당 링크로 이동하도록한다.
onchange="if(this.value) location.href=(this.value);"
728x90
반응형
'javascript > jQuery' 카테고리의 다른 글
[JAVASCRIPT/JQUERY]스크롤 이벤트를 이용한 header 만들기 (403) | 2019.04.11 |
---|---|
[JAVASCRIPT/JQUERY]플러그인 쓰지않고 이미지 슬라이드 만들기 (0) | 2019.04.11 |
[JAVASCRIPT/JQUERY] Jquery UI (draggable/droppable)옵션설정하기 (0) | 2019.04.10 |
[JAVASCRIPT/JQUERY]이미지슬라이드 플러그인 slick 옵션 설정하는 법(사용법) (0) | 2019.04.08 |
[JAVASCRIPT/JQUERY]반응형 탭메뉴 (웹에서는 탭메뉴 - 모바일에서는 셀렉트메뉴) (0) | 2019.04.08 |
댓글