테스트 사이트 - 개발 중인 베타 버전입니다

select선택에따른추가select동적으로보여주기

· 12년 전 · 3585 · 3

저처럼 심플한거 좋아하시는분을 위해 아주 간단하게 만들었습니다.
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개

12년 전
잘활용하겠습니다~
잘 쓸게요 다음에 더 나은걸로 제가 ㅎㅎㅎ
이게 더 나을거 같네요.

<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>

게시글 목록

번호 제목
5722
31534
5717
19190
19181
19177
19173
19171
27353
19169
24530
27350
19161
19159
19156
19154
19152
19150
19147
19145
19143
19141
30830
19135
19129
19124
19118
19115
19111
19108
19104
19101
19098
19094
27342
19093
26548
19090
19088
19086
24524
31526
26539
32021
32015
5705
26533
24510
26524
24507
24506
19082
24498
5702
27337
32011
19080
19075
19073
19072
27330
27328
32010
32005
32001
19071
19063
31998
31994
5676
27327
31989
5671
5666
19056
31988
31987
31981
26515
30823
19050
19047
19039
31969
5649
27323
31963
19027
19020
19017
19014
19009
19005
31949
18998
18994
18988
18982
31941
31934