javascript - 如何使用 Javascript 创建多个表

Question

我有一个下拉列表（其中包含从 0 到 50 的数字）和 html 表。我希望当用户从列表中选择一个值时，代码复制/创建表到所选值的数量。

示例：用户选择了 10 个。页面应该显示 10 个相同的表。

有人可以提供任何提示吗？

Answer 1

假设 jQuery，这是一个非常基本的示例。它可能不适合您的需求，因此只需使用它来帮助您入门：

HTML：

<a href="#" class="dropDownOption">1</a>
<a href="#" class="dropDownOption">2</a>
<a href="#" class="dropDownOption">3</a>
<a href="#" class="dropDownOption">4</a>

JavaScript：

$('.dropDownOption').click(function() {
    var numberTables = parseInt($(this).html()),
        tableHTML = "<table class='table'><tr><td>Foo</td><td>Bar</td><tr><td>Spam</td><td>Ham</td></tr></table>";
    for (var i = 0; i < numberTables; i++) {
        $('body').append(tableHTML);
    }
});​

JSFiddle：http:
//jsfiddle.net/TnTPf/2/

Answer 2

JQuery 是一种简单的方法来做到这一点

我给你的提示：找出是什么$('#mytable').clone();。

奖励提示：

for (i=0; i<=50; i++) { /* clone here */ }

Answer 3

<script>
    function getTable(){
        var num = document.getElementById("txtnum").value;
        var table = "";
        for(i=0; i<13; i++ ){
        table += num + "x" + i + "=" + num*i + "<br>"; 

     }
      document.getElementById("mulTable").innerHTML = table;
 }


</script>