컴

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

· 2013-07-01 (월) 15:00:07 · 6750 · 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>
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
15-12-13 조회 2,511
15-12-13 조회 2,924
15-12-11 조회 2,582
15-12-11 조회 2,544
15-12-11 조회 2,550
15-12-10 조회 2,501
15-12-10 조회 2,568
15-12-10 조회 2,542
15-12-03 조회 3,180
15-12-03 조회 2,704
15-11-25 조회 2,781
15-11-09 조회 3,034
15-11-04 조회 2,942
15-06-09 조회 4,072
15-05-06 조회 5,067
15-03-28 조회 4,523
14-12-05 조회 4,976
14-10-25 조회 4,990
14-10-13 조회 4,252
14-10-03 조회 6,128
14-09-19 조회 4,946
14-09-18 조회 4,026
14-09-13 조회 4,592
14-09-03 조회 5,572
14-08-26 조회 4,185
14-08-26 조회 3,972
14-08-26 조회 3,961
14-08-11 조회 6,390
14-08-06 조회 4,107
14-08-06 조회 3,705
14-08-06 조회 3,891
14-08-01 조회 6,223
14-08-01 조회 3,821
14-07-30 조회 4,416
14-06-28 조회 5,143
14-06-28 조회 4,422
14-05-11 조회 4,566
14-05-09 조회 4,920
14-05-09 조회 7,681
14-04-30 조회 4,245
14-04-27 조회 4,171
14-04-25 조회 4,880
14-04-21 조회 3,858
14-04-21 조회 4,986
14-04-10 조회 4,584
14-04-01 조회 6,146
14-03-03 조회 3,519
14-02-25 조회 5,904
14-02-14 조회 5,184
14-02-13 조회 4,935
14-01-03 조회 4,421
13-12-06 조회 3,757
13-11-22 조회 5,507
13-11-18 조회 4,006
13-10-02 조회 4,425
13-10-02 조회 3,685
13-10-02 조회 3,943
13-10-02 조회 3,805
13-10-02 조회 4,172
13-09-16 조회 8,017
13-09-16 조회 5,377
13-08-18 조회 5,375
13-07-11 조회 4,030
13-07-10 조회 4,672
13-07-09 조회 4,715
13-07-09 조회 4,960
13-07-04 조회 4,429
13-07-04 조회 4,102
13-07-04 조회 4,214
13-07-01 조회 4,702
13-07-01 조회 4,526
13-07-01 조회 6,751
13-06-23 조회 4,358
13-06-05 조회 3,612
13-05-29 조회 4,854
13-05-10 조회 4,257
13-04-05 조회 4,870
13-04-05 조회 6,561
13-04-05 조회 1.1만
13-04-05 조회 7,154
13-04-05 조회 6,549
13-03-31 조회 5,822
13-03-31 조회 4,143
13-03-28 조회 4,507
13-03-28 조회 6,701
13-03-28 조회 9,186
13-03-28 조회 4,316
13-03-24 조회 3,935
13-03-21 조회 4,602
13-03-21 조회 1.8만
13-03-14 조회 3,919
13-03-10 조회 4,727
13-03-10 조회 4,468
13-03-10 조회 4,183
13-03-08 조회 5,246
13-03-08 조회 4,356
13-03-03 조회 5,004
13-03-03 조회 7,447
13-03-03 조회 4,207
13-03-03 조회 1.1만