메뉴 건너뛰기

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

select 에서 특정 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 가 나타게 된다.


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

© k2s0o1d4e0s2i1g5n. All Rights Reserved