컴

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

· 2013-07-01 (월) 15:00:07 · 6584 · 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개

2013-07-01 (월) 15:05:41
잘활용하겠습니다~
잘 쓸게요 다음에 더 나은걸로 제가 ㅎㅎㅎ
이게 더 나을거 같네요.

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

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-08-07 조회 3,233
13-08-06 조회 3,201
13-08-06 조회 4,134
13-08-05 조회 4,623
13-08-02 조회 3,492
13-08-01 조회 3,304
13-08-01 조회 4,010
13-07-30 조회 4,052
13-07-29 조회 3,218
13-07-29 조회 3,815
13-07-27 조회 4,153
13-07-26 조회 3,377
13-07-25 조회 3,917
13-07-25 조회 6,656
13-07-25 조회 4,084
13-07-24 조회 3,614
13-07-24 조회 3,487
13-07-24 조회 3,879
13-07-23 조회 4,290
13-07-23 조회 7,171
13-07-23 조회 8,381
13-07-23 조회 3,451
13-07-23 조회 4,904
13-07-23 조회 9,659
13-07-23 조회 5,235
13-07-23 조회 1.2만
13-07-19 조회 3,183
13-07-18 조회 3,336
13-07-16 조회 4,149
13-07-15 조회 4,501
13-07-15 조회 3,976
13-07-14 조회 4,625
13-07-14 조회 4,980
13-07-14 조회 5,937
13-07-14 조회 5,138
13-07-14 조회 5,396
13-07-14 조회 5,367
13-07-14 조회 4,651
13-07-14 조회 4,252
13-07-14 조회 4,110
13-07-14 조회 4,177
13-07-14 조회 4,892
13-07-14 조회 4,537
13-07-14 조회 4,323
13-07-14 조회 5,367
13-07-14 조회 5,249
13-07-14 조회 5,034
13-07-14 조회 4,734
13-07-14 조회 5,408
13-07-13 조회 3,574
13-07-12 조회 3,533
13-07-12 조회 3,199
13-07-12 조회 3,466
13-07-11 조회 3,939
13-07-11 조회 4,998
13-07-11 조회 5,420
13-07-11 조회 4,354
13-07-11 조회 4,029
13-07-11 조회 3,821
13-07-11 조회 1.2만
13-07-10 조회 3,529
13-07-10 조회 4,546
13-07-09 조회 4,023
13-07-09 조회 4,443
13-07-09 조회 4,847
13-07-08 조회 3,938
13-07-08 조회 4,597
13-07-07 조회 5,324
13-07-05 조회 4,174
13-07-04 조회 4,132
13-07-04 조회 4,155
13-07-04 조회 1만
13-07-04 조회 4,238
13-07-04 조회 4,049
13-07-04 조회 4,845
13-07-04 조회 3,936
13-07-04 조회 4,325
13-07-04 조회 3,983
13-07-04 조회 4,036
13-07-03 조회 5,853
13-07-01 조회 1.4만
13-07-01 조회 5,647
13-07-01 조회 5,760
13-07-01 조회 3,847
13-07-01 조회 5,228
13-07-01 조회 3,692
13-07-01 조회 4,593
13-07-01 조회 3,619
13-07-01 조회 4,395
13-07-01 조회 4,094
13-07-01 조회 4,493
13-07-01 조회 6,585
13-06-28 조회 4,939
13-06-28 조회 3,855
13-06-24 조회 8,379
13-06-24 조회 4,137
13-06-23 조회 4,234
13-06-21 조회 6,218
13-06-20 조회 4,536
13-06-19 조회 8,057