저처럼 심플한거 좋아하시는분을 위해 아주 간단하게 만들었습니다.
style의 width 값을 조정하는 방식입니다.
<script>
function chkSel(obj)
{
if((obj.value) == "시다셀렉트 보이기")
document.frm.sidabary.style.width = '100pt';
//이놈도 됩니다.. document.getElementsByName('sidabary')[0].style.width='100pt';
else
document.frm.sidabary.style.width = '0pt';
////이놈도 됩니다.. document.getElementsByName('sidabary')[0].style.width='0pt';
}
</script>
<form name='frm'>
<select name='dumok' onChange='chkSel(this);'>
<option value='NULL'>---- 선택하세요</option>
<option value='시다셀렉트 보이기'>시다셀렉트 보이기</option>
<option value='시다셀렉트 감추기'>시다셀렉트 감추기</option>
</select>
<select name='sidabary' style='width:0pt'>
<option value='NULL'>---- 선택하세요</option>
<option value='시다1'>시다1</option>
<option value='시다2'>시다2</option>
</select>
</form>
댓글 3개
<script>
function chkSel(obj)
{
if((obj.value) == "시다셀렉트 보이기")
document.frm.sidabary.style.display = '';
//이놈도 됩니다.. document.getElementsByName('sidabary')[0].style.width='100pt';
else
document.frm.sidabary.style.display = 'none';
////이놈도 됩니다.. document.getElementsByName('sidabary')[0].style.width='0pt';
}
</script>
<form name='frm'>
<select name='dumok' onChange='chkSel(this);'>
<option value='NULL'>---- 선택하세요</option>
<option value='시다셀렉트 보이기'>시다셀렉트 보이기</option>
<option value='시다셀렉트 감추기'>시다셀렉트 감추기</option>
</select>
<select name='sidabary' style='display:none;'>
<option value='NULL'>---- 선택하세요</option>
<option value='시다1'>시다1</option>
<option value='시다2'>시다2</option>
</select>
</form>
게시글 목록
| 번호 | 제목 |
|---|---|
| 20579 | |
| 20572 | |
| 20569 | |
| 20563 | |
| 11083 |
jQuery
마우스 오버시 레이어 출력~
2
|
| 11080 |
jQuery
메뉴 고정
2
|
| 11078 | |
| 20557 | |
| 20162 | |
| 20549 | |
| 20542 | |
| 20525 | |
| 20522 | |
| 11071 |
jQuery
facebook timeline 스타일 따라하기
6
|
| 11067 | |
| 20519 | |
| 20504 | |
| 20500 | |
| 11062 | |
| 20497 | |
| 20493 | |
| 11056 | |
| 11050 |
JavaScript
html 테그 제거하는 함수
5
|
| 11046 |
JavaScript
새로고침(F5) 금지 하는 자바 스크립트
3
|
| 11043 |
JavaScript
자바스크립트 문자열 비교
2
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기