如何使用Javascript创建多个表

如何使用Javascript创建多个表,javascript,html-table,Javascript,Html Table,我有一个下拉列表,其中包含从0到50的数字和html表格。我希望当用户从列表中选择一个值时,将代码复制/创建表到所选值的数量 示例:用户选择了10。页面应显示10个相同的表格 有人能提供一些提示吗 假设使用jQuery,下面是一个非常基本的示例。它可能不适合您的需要,所以请使用它来帮助您开始: HTML: JavaScript: JSFiddle:http://jsfiddle.net/TnTPf/2/JQuery是一种简单的方法 我给你的提示是:找出$'mytable'.clone;是的 奖金

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

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


有人能提供一些提示吗

假设使用jQuery,下面是一个非常基本的示例。它可能不适合您的需要,所以请使用它来帮助您开始:

HTML:

JavaScript:

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

JQuery是一种简单的方法 我给你的提示是:找出$'mytable'.clone;是的

奖金提示:
对于i=0;我意识到你可能是新手,但你是怎么开始的?你被困在哪里?你们尝试了什么?所以,你们找到了答案。请接受下面的答案之一,或者如果您认为没有好的答案,请发布您自己的答案并接受。很抱歉回复太晚,但感谢您的回答。在我发布这条消息后,我找到了解决办法。再次感谢。请提供您的代码说明与作者代码的区别,以及首先出现的问题
<a href="#" class="dropDownOption">1</a>
<a href="#" class="dropDownOption">2</a>
<a href="#" class="dropDownOption">3</a>
<a href="#" class="dropDownOption">4</a>
$('.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);
    }
});​
<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>