1

ドロップダウン リスト (0 から 50 までの数字を保持) と html テーブルがあります。ユーザーがリストから値を選択したときに、選択した値の量にテーブルをコピー/作成するコードを作成したいと考えています。

例: ユーザーが 10 個を選択しました。ページには 10 個の同じテーブルが表示されます。

誰かがヒントを提供できますか？

4

3 に答える 3

0

JQuery はこれを行う簡単な方法の 1 つです。

あなたへの私のヒント：何をするかを調べてください$('#mytable').clone();。

ボーナスヒント:

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

于 2012-04-25T00:47:02.680 に答える
0

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/

于 2012-04-25T00:38:37.663 に答える