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

· 2013-07-01 (월) 15:00:07 · 6528 · 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건
+
제목 글쓴이 날짜 조회
14-08-26 조회 3,359
14-08-26 조회 3,465
14-08-26 조회 4,062
14-08-26 조회 3,380
14-08-26 조회 3,679
14-08-26 조회 3,614
14-08-26 조회 3,356
14-08-26 조회 3,360
14-08-26 조회 3,416
14-08-26 조회 3,438
14-08-25 조회 3,987
14-08-16 조회 4,095
14-08-12 조회 4,022
14-08-05 조회 3,772
14-08-04 조회 4,530
14-08-04 조회 3,891
14-08-01 조회 4,900
14-07-29 조회 4,080
14-07-10 조회 3,933
14-07-08 조회 4,597
14-07-08 조회 4,179
14-07-05 조회 3,780
14-05-26 조회 5,306
14-05-26 조회 3,983
14-05-21 조회 4,457
14-05-19 조회 7,405
14-05-17 조회 6,604
14-04-30 조회 7,043
14-04-27 조회 4,439
14-04-26 조회 4,646
14-04-13 조회 4,743
14-04-13 조회 4,018
14-03-25 조회 6,383
14-03-25 조회 3,996
14-03-12 조회 3,799
14-03-12 조회 5,211
14-02-24 조회 4,508
13-12-27 조회 3,850
13-11-18 조회 4,185
13-11-18 조회 6,504
13-10-17 조회 4,508
13-10-03 조회 6,194
13-10-02 조회 4,039
13-09-29 조회 4,522
13-09-29 조회 3,915
13-09-17 조회 3,734
13-09-11 조회 5,918
13-09-09 조회 4,212
13-09-05 조회 9,244
13-08-23 조회 5,575
13-08-22 조회 5,088
13-08-22 조회 4,488
13-08-22 조회 4,941
13-08-17 조회 5,754
13-08-17 조회 4,050
13-07-11 조회 5,389
13-07-11 조회 4,338
13-07-08 조회 3,891
13-07-04 조회 4,144
13-07-04 조회 4,018
13-07-04 조회 3,892
13-07-03 조회 5,798
13-07-01 조회 3,658
13-07-01 조회 3,520
13-07-01 조회 4,421
13-06-21 조회 6,195
13-06-14 조회 4,773
13-06-11 조회 3,587
13-06-06 조회 5,247
13-06-05 조회 4,005
13-05-11 조회 4,755
13-05-10 조회 4,286
13-05-10 조회 4,609
13-05-10 조회 3,947
13-05-08 조회 4,280
13-05-08 조회 3,542
13-05-08 조회 3,925
13-05-08 조회 5,186
13-04-05 조회 5,968
13-03-31 조회 5,519
13-03-24 조회 3,906
13-03-24 조회 5,958
13-03-23 조회 3,548
13-03-21 조회 3,600
13-03-20 조회 3,719
13-03-20 조회 4,153
13-03-20 조회 3,664
13-03-20 조회 3,762
13-03-20 조회 6,013
13-03-20 조회 3,972
13-03-20 조회 4,682
13-03-19 조회 5,581
13-03-14 조회 3,720
13-03-14 조회 4,122
13-03-14 조회 4,408
13-03-08 조회 4,022
13-03-03 조회 4,435
13-02-24 조회 4,862
13-02-21 조회 4,575
13-02-19 조회 4,539