모바일 오유 바로가기
http://m.todayhumor.co.kr
분류 게시판
베스트
  • 베스트오브베스트
  • 베스트
  • 오늘의베스트
  • 유머
  • 유머자료
  • 유머글
  • 이야기
  • 자유
  • 고민
  • 연애
  • 결혼생활
  • 좋은글
  • 자랑
  • 공포
  • 멘붕
  • 사이다
  • 군대
  • 밀리터리
  • 미스터리
  • 술한잔
  • 오늘있잖아요
  • 투표인증
  • 새해
  • 이슈
  • 시사
  • 시사아카이브
  • 사회면
  • 사건사고
  • 생활
  • 패션
  • 패션착샷
  • 아동패션착샷
  • 뷰티
  • 인테리어
  • DIY
  • 요리
  • 커피&차
  • 육아
  • 법률
  • 동물
  • 지식
  • 취업정보
  • 식물
  • 다이어트
  • 의료
  • 영어
  • 맛집
  • 추천사이트
  • 해외직구
  • 취미
  • 사진
  • 사진강좌
  • 카메라
  • 만화
  • 애니메이션
  • 포니
  • 자전거
  • 자동차
  • 여행
  • 바이크
  • 민물낚시
  • 바다낚시
  • 장난감
  • 그림판
  • 학술
  • 경제
  • 역사
  • 예술
  • 과학
  • 철학
  • 심리학
  • 방송연예
  • 연예
  • 음악
  • 음악찾기
  • 악기
  • 음향기기
  • 영화
  • 다큐멘터리
  • 국내드라마
  • 해외드라마
  • 예능
  • 팟케스트
  • 방송프로그램
  • 무한도전
  • 더지니어스
  • 개그콘서트
  • 런닝맨
  • 나가수
  • 디지털
  • 컴퓨터
  • 프로그래머
  • IT
  • 안티바이러스
  • 애플
  • 안드로이드
  • 스마트폰
  • 윈도우폰
  • 심비안
  • 스포츠
  • 스포츠
  • 축구
  • 야구
  • 농구
  • 바둑
  • 야구팀
  • 삼성
  • 두산
  • NC
  • 넥센
  • 한화
  • SK
  • 기아
  • 롯데
  • LG
  • KT
  • 메이저리그
  • 일본프로야구리그
  • 게임1
  • 플래시게임
  • 게임토론방
  • 엑스박스
  • 플레이스테이션
  • 닌텐도
  • 모바일게임
  • 게임2
  • 던전앤파이터
  • 마비노기
  • 마비노기영웅전
  • 하스스톤
  • 히어로즈오브더스톰
  • gta5
  • 디아블로
  • 디아블로2
  • 피파온라인2
  • 피파온라인3
  • 워크래프트
  • 월드오브워크래프트
  • 밀리언아서
  • 월드오브탱크
  • 블레이드앤소울
  • 검은사막
  • 스타크래프트
  • 스타크래프트2
  • 베틀필드3
  • 마인크래프트
  • 데이즈
  • 문명
  • 서든어택
  • 테라
  • 아이온
  • 심시티5
  • 프리스타일풋볼
  • 스페셜포스
  • 사이퍼즈
  • 도타2
  • 메이플스토리1
  • 메이플스토리2
  • 오버워치
  • 오버워치그룹모집
  • 포켓몬고
  • 파이널판타지14
  • 배틀그라운드
  • 기타
  • 종교
  • 단어장
  • 자료창고
  • 운영
  • 공지사항
  • 오유운영
  • 게시판신청
  • 보류
  • 임시게시판
  • 메르스
  • 세월호
  • 원전사고
  • 2016리오올림픽
  • 2018평창올림픽
  • 코로나19
  • 2020도쿄올림픽
  • 게시판찾기
  • 게시물ID : programmer_7883
    작성자 : Bba
    추천 : 0
    조회수 : 489
    IP : 211.50.***.50
    댓글 : 8개
    등록시간 : 2015/01/29 03:15:35
    http://todayhumor.com/?programmer_7883 모바일
    [본삭금] 자바스크립트 관련 질문좀 해도 될까요?
    옵션
    • 본인삭제금지
    아래처럼 간단한 input button을 만들고 
     <input type="button" value="X" id="a"/> 
    add버튼을 만들어 버튼클릭시  input button이 동적으로 생성되게 한다음 
    새로 생성된 input button에 "a1"이라는 id를 부여할수 있을까요?? 

    a + 1 

    1은 그 다음부터 생성되는 input button에 순차적으로 1,2,3,4,5로 들어갈수 있도록 
    하는 방법이 있을까요?

    이 게시물을 추천한 분들의 목록입니다.
    푸르딩딩:추천수 3이상 댓글은 배경색이 바뀝니다.
    (단,비공감수가 추천수의 1/3 초과시 해당없음)
    슝슝3(2015-01-29 03:35:41)123.212.***.153추천 0
    http://jsfiddle.net/yzeVm/2/
    참고해보세요~
    댓글 0개 ▲
    원본(2015-01-29 03:58:00)112.148.***.40추천 0
    제가 생각할때는 5개, 10개 제한을 걸어놓고 순서대로 열리거나 닫히게 하는게 다음페이지에서도 유용하게 정보를 받아올수 있을것 같아요
    댓글 0개 ▲
    Bba(2015-01-29 04:04:48)추천 1
    원본님 말씀대로 숫자 제한을 걸어놓으면 더 쉬울텐데 이게 몇개나 추가를 해야할지 정할수 없는 부분이라 동적 생성으로 하고 있습니다 ㅜ
    지금 슝슝님이 걸어주신 링크참고하며 코드 손보고 있는데 다른 이벤트 들이 걸려서 쉽게 되지 않네요 ㅜ
    댓글 0개 ▲
    kre29(2015-01-29 09:29:40)118.40.***.173추천 0
    <script>
    function addBtn() {
    var quantity = $('.btn').length;
    $('#inputbutton').append('<input type="button" class="btn" value="X" id="a' + (quantity + 1) + '"/>')
    }
    </script>

    <div id='inputbutton'>
    <input type="button" class='btn' value="X" id="a1"/>
    </div>
    <button onclick='addBtn()'>Add Button</button>

    자바스크립트만 쓰기 귀찮아서 jquery로 했습니다
    댓글 0개 ▲
    꾸듯(2015-01-29 10:55:26)143.248.***.153추천 1
    엌... 작성자님 댓글 드래그 하다가 반대 눌렀어요 미안해요 ㅌㅌㅌ
    댓글 0개 ▲
    냠냠냠냐냠냠(2015-01-29 13:37:50)203.233.***.11추천 0
    원래 이런건 선배님들한테 음료수 한잔씩 사드리면서 배우는 겁니다.

    <html>
     <head>
      <script>
       function addInput()
       {
        var idCnt = document.getElementsByName("a").length;
        var inputArea = document.getElementById("inputAddArea");
        var tbHtml = inputArea.innerHTML;
        var aiHtml = tbHtml +"<br/>"+
           idCnt + ' : <input type="text" value="" id="a'+idCnt+'" name="a" />';
        inputArea.innerHTML = aiHtml;
       }
      </script>
     </head>
     <body>
      <div id="inputAddArea">
      0 : <input type="text" value="" id="a" name="a" />
      </div>
      <div>
       <input type="button" value="add" id="add" name="add" onclick="javascript:addInput();" />
      </div>
     </body>
    </html>
    댓글 0개 ▲
    [본인삭제]릴라강(2015-01-29 14:20:37)112.218.***.10추천 0
    댓글 0개 ▲
    릴라강(2015-01-29 14:21:47)112.218.***.10추천 0
    <script>
    $(document).on('click', 'button', function(){
    var newBtn = $('<button/>', { 'value':'X' });
    newBtn.prop('id','a' + $('button').length);
    $('body').append(newBtn);
    })
    </script>
    <input type="button" value="X" id="a"/>

    jQuery를 이용한다는 조건이 붙으면 이런식으로 간단하게도 할 수 있습니다.

    ----

    위에꺼에 value를 안넣어서 다시 씁니다. ㅎ
    댓글 0개 ▲
    Bba(2015-01-29 15:31:24)추천 0
    많은 분들관심 너무 감사합니다 ㅜ
    냠냠냠냐냠냠 님 말씀대로 선배님들 계시면;; 음료수든 밥이든 사드리고 배우겠지만.. ㅜㅜ
    선배님들이 안계신 상황이라;; 물어볼사람이 없어 이렇게 도움을 청하게 되었네요 정말 감사합니다.
    댓글 0개 ▲

    죄송합니다. 댓글 작성은 회원만 가능합니다.

    번호 제 목 이름 날짜 조회 추천
    23467
    로또 까망사투리 25/05/07 11:18 464 0
    23466
    IT 개발자를 희망하는 취준생에게 공유하는 국비지원 교육 수강 후기 [1] 발토랑 25/04/15 22:52 797 0
    23465
    카페 주문 pos 만들기 html javascript 까망사투리 25/04/09 15:34 731 2
    23464
    진짜 벼랑끝에 몰려서 물어보는 질문 [6] 아젬라 25/03/13 16:33 1418 2
    23463
    로또 [1] 까망사투리 25/03/03 14:18 1290 0
    23462
    2월 8일 오후 8시 진행- 맛보기 강좌: 5시간 만에 웹 만들기 [1] quickturn 25/02/19 14:44 1196 0
    23461
    로또 [2] 까망사투리 25/02/12 13:13 1416 2
    23459
    C++ 입문전 초보자입니다. Qt / wxWidgets / FLTK 어떤 [6] OMG! 24/12/07 00:28 1667 0
    23458
    [KOCCA] 2024 게임콘텐츠 제작지원 이용자평가 체험단모집 장파랑 24/11/26 16:56 1524 0
    23457
    [한국콘텐츠진흥원] 2024 게임콘텐츠 제작지원 이용자평가 이용자 모집 장파랑 24/11/18 14:02 1586 0
    23456
    [한국콘텐츠진흥원] 2024 게임콘텐츠 제작지원 이용자평가 이용자 모집 장파랑 24/10/28 18:24 1930 0
    23455
    논문 읽는 사람들을 위한 문서 번역 서비스 rWhale 24/10/10 13:06 2286 2
    23453
    로또번호 [2] 까망사투리 24/09/19 11:10 2991 2
    23452
    AI와 함께가는 코딩 업계 [2] 펌글 우가가 24/09/02 22:19 3214 9
    23451
    Switch문 도배된 2100줄 짜리 함수 [4] 펌글 우가가 24/08/26 22:37 3067 4
    23450
    개인정보 수집 없는 이미지 리사이즈 사라밍 24/08/23 20:31 2393 0
    23449
    디자인 패턴의 템플릿 메소드 패턴 실무 적용 사례 [1] 써니썬 24/08/23 16:47 2413 1
    23448
    TMDB API Key 얻을 때 동의하게 되는 면책 및 포기 조항 우가가 24/08/18 16:07 2404 1
    23447
    펌) 아무튼 개쩌는 번역기를 국내기술로 개발완료 했다는 소식 [1] 펌글 우가가 24/08/15 17:30 2659 2
    23446
    쿠팡 가격 변동 추적 알림 서비스 피드백 요청 (제발) 창작글펌글 애오옹 24/08/10 14:30 2685 0
    23445
    넥사크로 17.1 관련 [2] 본인삭제금지 나르하나 24/08/01 12:30 2612 0
    23444
    개밯자 의자에 머리받침 없어 [2] 까망사투리 24/07/25 13:32 3062 1
    23443
    안드로이드 EditText 리스너 연동 문의드립니다. - 해결됨 [1] 창작글 상사꽃 24/07/01 17:47 2861 2
    23442
    펌) 파이어폭스 엔진이 신인 이유 [1] 펌글 우가가 24/06/30 23:25 3484 2
    23441
    예전에는 함수 하나에 대한 기능에 고민을 많이 했는데.. ssonacy 24/05/21 09:45 3230 0
    23440
    c++ 에서 DB 쿼리문처럼 사용할 방법이 있을까요? [8] 상사꽃 24/05/19 11:10 3385 0
    23439
    쉬운 배터리 알림 창작글 언젠가아자 24/05/14 10:47 3527 0
    23438
    아후 서터레스 [1] NeoGenius 24/04/02 17:52 3207 1
    23436
    로또 [3] 까망사투리 24/03/11 15:53 3903 4
    23434
    copilot 기업유료버전 intelliJ에 붙여서 쓰고있는데 지리네요 안녕월드 24/02/22 00:15 3900 0
    [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [다음10개▶]
    단축키 운영진에게 바란다(삭제요청/제안) 운영게 게시판신청 자료창고 보류 개인정보취급방침 청소년보호정책 모바일홈