Question

I have a dropdown list (which holds numbers from 0 to 50) and html table. I want that when user select a value from list, code copy/create the tables to the amount of selected value.

Example: user picked 10. page should show me 10 same tables.

Can someone provide any hint?

Answer 1

Assuming jQuery, here is a very basic example. It probably won’t fit your needs so just use it to help you get started:

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/