테스트 사이트 - 개발 중인 베타 버전입니다

반복문 질문드립니다. 채택완료

rlawhd 6년 전 조회 1,523

jquery에서 append를 사용하는데

 

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

 

</p>

<p>for(i=0; i<10; i++){</p>

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

<p>}</p>

<p>

 

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

 

select 가 10개 출력됩니다.

 

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

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

답변 3개

채택된 답변
+20 포인트

</p>

<p><script>

$(function() {

    var opts = "";

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

        opts += "<option value=''>" + i + "</option>";

    }</p>

<p>    $(".name").append(opts);

});

</script>

<select class="name"></select></p>

<p>

로그인 후 평가할 수 있습니다

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

6년 전

<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>

로그인 후 평가할 수 있습니다

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

치메즈라

</strong></p>

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

<p> </p>

<p><script></p>

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

<p>for(i=0; i<10; i++){</p>

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

<p>}</p>

<p></script></p>

<p><strong>

로그인 후 평가할 수 있습니다

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

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

로그인