在JavaScript中顯示基於for循環的div

你好我有選擇框和一個表格，在選擇框中我有1到5個數字，如果我從選擇框中選擇2表格應該顯示2次。在JavaScript中顯示基於for循環的div

這裏是我的代碼..

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

誰能幫我.. /烏代

來源

2012-10-02 user1703428

問題是什麼？ –

嗨瓦倫丁，如果我從選擇框中選擇2我需要表應顯示2次，如果3它顯示3次..我希望你得到了我的觀點 – user1703428

_「我有...一張桌子，...桌子應顯示2次「__ - 什麼？你是說你想製作桌子的副本嗎？您當前的JS代碼每次在循環中設置相同元素的'display'屬性。還有其他元素沒有顯示，或...？ – nnnnnn

這裏是你可以用什麼：

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/

來源

2012-10-02 06:25:31

嗨Minko ,,你的例子是正確的，但在我的表數據這麼長，我的意思是它的超過500 lines.so我可以把這些數據在PHP文件，並繼續從Java腳本的循環 – user1703428

好的，所以只需將選項和表格生成更改爲動態。 –

嗨敏科請給我的例子.. – user1703428

在JavaScript中顯示基於for循環的div

回答

相關問題