如何使用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

DatePicker