0

<table>特定の回数(エンドユーザーから提供された量)を繰り返す必要があります。どのように実装できますか?

表は次のとおりです。

External Sources of funds:<input type="text" size="10">
<table border=1>
    <tr>
        <th>Name of the external Source</th>
        <th>CFY</th>
        <th>CFYm1</th>
        <th>CFYm2</th>
    </tr>

    <tr>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
    </tr>
    <tr>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
    </tr>

    <tr>
        <td><b>Total</b></td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>    
    </tr>
</table>
</p>`

コードの最初の行、つまり外部資金源で、ユーザーは入力をいくつかの数値として指定しnます。テーブルは何n度も繰り返す必要があります。どうすれば実装できますか?

4

3 に答える 3

2

forループの概要:

for (var i = 0; i < 20; i++) {
    alert("Hello for the " + i + "th time");
}
于 2013-01-10T03:50:32.947 に答える
1

表を10回繰り返すには:

var i = 0, tableCount = 10;
var html = '<table border=1>
    <tr>
        <th>Name of the external Source</th>
        <th>CFY</th>
        <th>CFYm1</th>
        <th>CFYm2</th>
    </tr>

    <tr>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
    </tr>
    <tr>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
    </tr>

    <tr>
        <td><b>Total</b></td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>
        <td> <input type="text" size="10"> </td>    
    </tr>
</table>';

for(i; i < tableCount; i++){
    $('body').append(html);
}
于 2013-01-10T04:01:38.867 に答える
0

テキストボックスにを追加する必要がありevent handlerます。

<input type="text" size="10" onkeypress="updateTables();">

ユーザーがテキストボックスに何かを入力すると、JavaScript関数が呼び出されます。関数内で、を使用しloopてテーブル要素を追加する必要があります。

于 2013-01-10T04:11:41.417 に答える