자바 스크립트에서 for 루프를 기반으로 div를 표시합니다.

Question

안녕하세요 저는 선택 상자와 선택 상자가 있습니다. 선택 상자에서 2를 선택하면 1 ~ 5 개의 숫자가 있습니다. 표는 2 번 표시되어야합니다. 여기

여기

Answer 1

당신이 사용할 수있는 것입니다 /우다이 ..

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#Lessons').change(function(){ 
    var lesNum = $('#Lessons').val(); 
    for(k=1;k<=lesNum;k++){ 
     $("#xyz").css("display", "block"); 
    } 
}); 
}); 
</script> 

내 테이블 코드는

<select id="Lessons" name="Lessons"> 
    <?php for($j=1;$j<=5;$j++):?> 
     <option value="<?=$j?>"><?=$j?></option> 
    <?php endfor;?> 
</select> 
<div id="xyz" style="display:none;"> 
<table> 
    //some table data goes here. 
</table> 
</div> 

사람이 나를 도와 여기 .. ​​내 코드입니다 :

<select id="Lessons" name="Lessons"> 
    <?php for($j=1; $j <= 5; $j++) { 
     echo "<option value="$j">$j</option>"; 
     } 
    ?> </select> 
<div id="result"></div> 

자바 스크립트

$(document).ready(function(){ 
    var table = '<?php echo "<table></table>"; /* Generating the table */ ?>', 
     parent = $('#result'); 
    $('#Lessons').change(function(){ 
     var lesNum = parseInt($('#Lessons').val(), 10); 
     parent.empty(); 
     for(var k=1;k<=lesNum;k++){ 
      parent.append(table); 
     } 
    }); 
});​ 

내가 전역에서 멀리 당신을 추천 할 수 있습니다 (루프에서 k). JSFiddle 예 : http://jsfiddle.net/pWLhS/5/