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

· 12년 전 · 5080 · 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개

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

<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>
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
12년 전 조회 3,092
12년 전 조회 2,782
12년 전 조회 3,805
12년 전 조회 3,554
12년 전 조회 3,409
12년 전 조회 3,137
12년 전 조회 3,794
12년 전 조회 2,458
12년 전 조회 2,254
12년 전 조회 1,856
12년 전 조회 2,045
12년 전 조회 2,515
12년 전 조회 3,809
12년 전 조회 3,966
12년 전 조회 3,053
12년 전 조회 2,658
12년 전 조회 2,458
12년 전 조회 1.1만
12년 전 조회 2,046
12년 전 조회 3,076
12년 전 조회 2,593
12년 전 조회 3,063
12년 전 조회 3,281
12년 전 조회 2,464
12년 전 조회 3,047
12년 전 조회 3,701
12년 전 조회 2,792
12년 전 조회 2,774
12년 전 조회 2,729
12년 전 조회 8,915
12년 전 조회 2,827
12년 전 조회 2,672
12년 전 조회 3,466
12년 전 조회 2,444
12년 전 조회 2,975
12년 전 조회 2,589
12년 전 조회 2,578
12년 전 조회 4,333
12년 전 조회 1.2만
12년 전 조회 4,352
12년 전 조회 4,374
12년 전 조회 2,770
12년 전 조회 4,058
12년 전 조회 2,271
12년 전 조회 3,182
12년 전 조회 2,433
12년 전 조회 2,915
12년 전 조회 2,704
12년 전 조회 2,986
12년 전 조회 5,081
12년 전 조회 3,354
12년 전 조회 2,414
12년 전 조회 6,741
12년 전 조회 2,658
12년 전 조회 2,684
12년 전 조회 4,864
12년 전 조회 3,106
12년 전 조회 6,337
12년 전 조회 6,900
12년 전 조회 3,319
12년 전 조회 4,533
12년 전 조회 2,394
12년 전 조회 4,786
12년 전 조회 1.2만
12년 전 조회 7,187
12년 전 조회 2,431
12년 전 조회 2,187
12년 전 조회 3,430
12년 전 조회 2,944
12년 전 조회 1,925
12년 전 조회 2,752
12년 전 조회 4,268
12년 전 조회 2,244
12년 전 조회 3,753
12년 전 조회 2,647
12년 전 조회 2,197
12년 전 조회 2,883
12년 전 조회 2,291
12년 전 조회 4,627
12년 전 조회 3,334
12년 전 조회 4,338
12년 전 조회 3,217
12년 전 조회 2,501
12년 전 조회 3,016
12년 전 조회 4,158
12년 전 조회 3,969
12년 전 조회 2,412
12년 전 조회 3,526
12년 전 조회 3,223
12년 전 조회 2,203
12년 전 조회 3,473
12년 전 조회 5,147
12년 전 조회 4,444
12년 전 조회 2,903
12년 전 조회 9,145
12년 전 조회 3,913
12년 전 조회 4,148
12년 전 조회 3,236
12년 전 조회 4,924
12년 전 조회 2,792