반복문 질문드립니다.
본문
jquery에서 append를 사용하는데
중간에 있는 select에만 반복문이 들어가야합니다.
for(i=0; i<10; i++){
$("<select class="name"><option value=''>"+i+"</option></select>").appendTo("#main");
}
이런식으로 짰는데 이러면 한 select안에 option이 반복되서 출력되는게 아니고
select 가 10개 출력됩니다.
appendTo 안에서 값만 반복문하는방법이 뭐있을까요?
답변 3
<script>
$(function() {
var opts = "";
for(var i = 0; i < 10; i ++) {
opts += "<option value=''>" + i + "</option>";
}
$(".name").append(opts);
});
</script>
<select class="name"></select>
<div id="main"></div>
<script>
$("<select class='name'></select>").appendTo("#main");
for(i=0; i<10; i++){
$("<option value=''>"+i+"</option>").appendTo(".name");
}
</script>
<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>
답변을 작성하시기 전에 로그인 해주세요.
