ajax에서 for문으로 html 테이블 행 증가시키기

ajax에서 for문으로 html 테이블 행 증가시키기

QA

ajax에서 for문으로 html 테이블 행 증가시키기

본문

처음에는 테이블 타이틀만 존재하고 자바스크립트에서 ajax를 이용해 받은 값을 화면에 받아온 class_id의 길이만큼 for문을 돌려 행으로 출력되도록 하고싶습니다.
<tr><th>문을 ajax를 이용해 반복시키려면 어떻게 해야하나요?

 

혹시 참고할만한 사이트가 있다면 알려주시면 감사하겠습니다.

 

<tr>
<th scope="row" class="h" id="hh_0"></th>
<th class="h radio_r"><input type="radio" name="check" id="check"/></th>
</tr>

 

소스코드입니다.


<script>
   $('input[id=kk_0]').change(function() {  
   var qa_id = $(this).data("qa_id");
   var outHtml = "";
   
   $.ajax({
      url: "title.php",
      type: "POST",
      data: {
         "qa_id": qa_id
      },
      dataType: "json",
      async: false,
      cache: false,
      success: function(data, textStatus) {
         class_id=data.Competition;
         for(i=0; i<class_id.length;i++){
           $("#hh_"+i).text(class_id[i]);
         }
      }
   });
      
   }); 
</script>
   <div class="main_list_2">
      <div class="explanation">타이틀을 선택해주세요.</div>
         <form name="titleForm" class="titleForm" method="post" action="" style="width:390px; height:260px;">
            <center>
               <div style="width:390px; height:260px; overflow:auto; display: block;">
                  <table class="titleTable" width="370">
                  <thead>
                     <tr class="tableTop">
                        <th scope="cols" class="tableTitle">타이틀 리스트</th>
                        <th scope="cols"></th>
                     </tr>
                  </thead>
                  <tbody id="titleTbody">
                     <tr>
                        <th scope="row" class="h"><span id="hh_0">11</span></th>
                        <th class="h radio_r"><input type="radio" name="check" id="check" value="22"/></th>
                     </tr>
                  </tbody>
               </table>
            </div>
            <p><input type="submit" value="선택완료" class="button"></p>
         </center>
      </form>
   </div>
</div>

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 406
QA 내용 검색
filter #ajax ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT