0

選択ボックスと1つのテーブルがあり、選択ボックスから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>

誰でも私を助けることができますか？

4

1 に答える 1

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/

于 2012-10-02T06:25:31.000 に答える