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

· 12년 전 · 5076 · 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,091
12년 전 조회 2,775
12년 전 조회 3,800
12년 전 조회 3,550
12년 전 조회 3,404
12년 전 조회 3,134
12년 전 조회 3,790
12년 전 조회 2,453
12년 전 조회 2,250
12년 전 조회 1,849
12년 전 조회 2,041
12년 전 조회 2,510
12년 전 조회 3,808
12년 전 조회 3,964
12년 전 조회 3,049
12년 전 조회 2,655
12년 전 조회 2,451
12년 전 조회 1.1만
12년 전 조회 2,043
12년 전 조회 3,072
12년 전 조회 2,589
12년 전 조회 3,060
12년 전 조회 3,275
12년 전 조회 2,462
12년 전 조회 3,046
12년 전 조회 3,696
12년 전 조회 2,787
12년 전 조회 2,769
12년 전 조회 2,723
12년 전 조회 8,912
12년 전 조회 2,826
12년 전 조회 2,670
12년 전 조회 3,463
12년 전 조회 2,440
12년 전 조회 2,972
12년 전 조회 2,586
12년 전 조회 2,573
12년 전 조회 4,331
12년 전 조회 1.2만
12년 전 조회 4,347
12년 전 조회 4,370
12년 전 조회 2,766
12년 전 조회 4,057
12년 전 조회 2,265
12년 전 조회 3,180
12년 전 조회 2,429
12년 전 조회 2,914
12년 전 조회 2,698
12년 전 조회 2,982
12년 전 조회 5,077
12년 전 조회 3,347
12년 전 조회 2,406
12년 전 조회 6,735
12년 전 조회 2,653
12년 전 조회 2,682
12년 전 조회 4,859
12년 전 조회 3,101
12년 전 조회 6,328
12년 전 조회 6,896
12년 전 조회 3,314
12년 전 조회 4,530
12년 전 조회 2,386
12년 전 조회 4,784
12년 전 조회 1.2만
12년 전 조회 7,178
12년 전 조회 2,427
12년 전 조회 2,183
12년 전 조회 3,424
12년 전 조회 2,938
12년 전 조회 1,919
12년 전 조회 2,746
12년 전 조회 4,263
12년 전 조회 2,240
12년 전 조회 3,751
12년 전 조회 2,641
12년 전 조회 2,192
12년 전 조회 2,878
12년 전 조회 2,289
12년 전 조회 4,621
12년 전 조회 3,330
12년 전 조회 4,333
12년 전 조회 3,210
12년 전 조회 2,500
12년 전 조회 3,011
12년 전 조회 4,152
12년 전 조회 3,964
12년 전 조회 2,407
12년 전 조회 3,521
12년 전 조회 3,217
12년 전 조회 2,199
12년 전 조회 3,471
12년 전 조회 5,145
12년 전 조회 4,442
12년 전 조회 2,898
12년 전 조회 9,138
12년 전 조회 3,909
12년 전 조회 4,140
12년 전 조회 3,232
12년 전 조회 4,913
12년 전 조회 2,789