AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전 목록 다음
채택완료

반복문 질문드립니다.

rlawhd
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-29 (수) 10:27:38 1,709

jquery에서 append를 사용하는데

중간에 있는 select에만 반복문이 들어가야합니다.

Copy 
for(i=0; i<10; i++){

   $("<select class="name"><option value=''>"+i+"</option></select>").appendTo("#main");

}

이런식으로 짰는데 이러면 한 select안에 option이 반복되서 출력되는게 아니고

select 가 10개 출력됩니다.

appendTo 안에서 값만 반복문하는방법이 뭐있을까요?

그누보드5
|

답변 3개

채택된 답변
+20 포인트
쟁쟁반짜장
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-29 (수) 10:47:07
Copy 
<script>
$(function() {
    var opts = "";
    for(var i = 0; i < 10; i ++) {
        opts += "<option value=''>" + i + "</option>";
    }

    $(".name").append(opts);
});
</script>
<select class="name"></select>
평평정심
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-29 (수) 11:05:51

<div id="main"></div>

<script>
var select = "<select class=\"name\">";

for(i=0; i<10; i++) {
    select += "<option value=''>"+i+"</option>";
}

select += "</select>";

document.getElementById("main").innerHTML = select;
</script>

치메즈라
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-29 (수) 10:53:08

Copy 
<div id="main"></div>

 

<script>

$("<select class='name'></select>").appendTo("#main");

for(i=0; i<10; i++){

$("<option value=''>"+i+"</option>").appendTo(".name");

}

</script>

답변을 작성하려면 로그인이 필요합니다.