Hello, World!
이전
목록
다음
컴

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>

#개발자팁 #개발자 #팁자료실 #javascript

첨부파일

select선택에따른추가select동적으로보여주기.txt (956 bytes) 37회 2013-07-01 15:00
|

댓글 3개

단단비비비
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
잘활용하겠습니다~
ttakumi22
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
잘 쓸게요 다음에 더 나은걸로 제가 ㅎㅎㅎ
시시누이
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
이게 더 나을거 같네요.

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

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
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
이전 첫 페이지 다음
글쓰기