javascript - 在Javascript中基于for循环显示div

Question

我有选择框和一张表格，如果我从选择框中选择 2，则在选择框中我有 1 到 5 个数字，表格应该显示 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>

谁能帮我吗？

Answer 1

以下是您可以使用的：

HTML

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

JavaScript

$(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/