在Javascript中基于for循环显示div

我有选择框和一个表格，在选择框中我有1到5个数字，如果我从选择框中选择2，表格应该显示2次

这是我的密码

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

---

有人能帮我吗？

以下是您可以使用的：

HTML

JavaScript

我可以建议你远离循环中的globalsk。 ​

---

还有一个JSFIDLE示例：

Hi Valentin，如果我从选择框中选择2，我需要的表应该显示2次，如果3，它显示3次..我希望你明白我的意思了。。。一张桌子。。。该表应显示2次-什么？你是说你想复印这张桌子吗？当前的JS代码每次在循环中设置同一元素的display属性。是否有其他元素未显示，或…？是的，我想复制表格。我已编辑了我的答案。现在它可以正常工作了。如果有人从下拉列表中选择3，它会显示3次表格，但同样的人从下拉列表中选择2，那么它应该显示2次？Hi Minko，，你的例子是正确的，但在我的表格数据中，这么长的数据意味着超过500行。那么我可以将该数据放在php文件中并从java scriptOk继续循环吗，所以只需将选项和表生成更改为动态。Hi Minko，你能给我举个例子吗？Hi Minko，我的表应该是html格式的，而不是javascript格式的。我该怎么做呢？请帮助我

<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);
        }
    });
});​