메뉴 건너뛰기

조회 수 2551 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

elect 에서 특정 option 선택시 레이어를 보여주고 숨기고 할 수 있는 스크립트.

script

jQuery('#selectBox').change(function() {
	var state = jQuery('#selectBox option:selected').val();
	if(state == '옵션2') {
		jQuery('.layer').show();
	} else {
		jQuery('.layer').hide();
	}
});

스크립트를 추가하고

html

<select id="selectBox" name="selectBox">
	<option value="" selected="selected">전체</option>
	<option value="">옵션1</option>
	<option value="">옵션2</option>
	<option value="">옵션3</option>
</select>

<div class="layer">
	내용
</div>

마크업을 한 뒤

css

.layer { display: none; }

css 로 .layer 를 숨겨놓는다.

“옵션2” 라는 option 이 선택되면 .layer 가 나타게 된다.


  1. jQuery로 테이블 tr 동적으로 추가,삭제 하기 v2

    Date2019.01.10 Views1211
    Read More
  2. jQuery 로 해보는 체크박스(checkbox) 전체선택, 선택해제 예제

    Date2019.01.10 Views1081
    Read More
  3. jQuery 로 원하는 갯수만큼 checkbox 선택하기

    Date2019.01.10 Views1019
    Read More
  4. jQuery 로 탭메뉴 보였다 안보였다 맹글기

    Date2019.01.10 Views1327
    Read More
  5. jQuery 로 탭메뉴

    Date2019.01.10 Views938
    Read More
  6. 스크롤 최하단 자동 포커스(auto scroll to bottom of page with jquery)

    Date2018.11.07 Views1571
    Read More
  7. jquery timer, javascript countdown (타이머 예제)

    Date2018.11.07 Views81315
    Read More
  8. Hide pager if bxslider has only 1 slide

    Date2018.11.07 Views1294
    Read More
  9. Magnific popup conflict with "jquery.nicescroll"

    Date2018.11.07 Views1314
    Read More
  10. 터치 디바이스 분기처리

    Date2018.11.07 Views1273
    Read More
  11. 중복 없는 랜덤

    Date2018.11.07 Views2016
    Read More
  12. 3D Perspective Carousel with jQuery and CSS3 - CSSSlider

    Date2018.11.07 Views1388
    Read More
  13. iframe height auto resize

    Date2018.11.07 Views1400
    Read More
  14. getElementsByClassName 을 IE8 이하에서 동작하게 하는 코드

    Date2018.11.07 Views1297
    Read More
  15. 비활성화 된 라디오버튼 클릭 시 경고창 생성

    Date2018.11.07 Views1392
    Read More
  16. 특정영역 제외하고 body 클릭

    Date2018.09.28 Views3605
    Read More
  17. 따욤표 중복으로 출력하기

    Date2018.09.28 Views1884
    Read More
  18. [jQuery] 셀렉트박스에서 특정 옵션 선택시 레이어 나타내기

    Date2018.09.27 Views2551
    Read More
  19. [jQuery] split, join 으로 공백제거 하기

    Date2018.09.06 Views2146
    Read More
  20. [jQuery] input 박스에 maxlength 만큼 입력했을 때 자동으로 다음 박스로 이동하기

    Date2018.09.06 Views1813
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved