2017-08-25 23 views
0

最初の入力に入力した数値に基づいて動的な数値入力を作成したいとします。たとえば、「3」を入力すると、3行が作成されます。ユーザー入力に基づいて入力数を(プレフィックス付きで)作成する

row1 ------(入力) row2 ------(入力) row3-入力)

入力がここに入力される。

<tr> 
    <td align="center" bgcolor="#D4D4D4">Cantidad de arreglos:</td> 
    <td align="center" bgcolor="#D4D4D4"><input type="number" id="cantidadArreglos" onchange="espacioArreglos(this.value);" size="1"></td> 
    </tr> 

この入力の数を変更することで、関数「espacioArreglos」と呼ばれ、各列の番号入力を生成しなければなりません。

どうすればいいですか?私の関数は、入力 "cantidadArreglos"の値を変更しても何もしません。

function espacioArreglos() { 
    for(var i = 0; i <= cantidadArreglos; i++) 
    { 
    var cantidadArreglos = document.getElementById('cantidadArreglos').value;   
    var tb = document.createElement('input');   
} 
} 
+0

どこの行が必要ですか?テキストエリアやHTMLで? –

+1

あなたの 'espacioArreglos()'関数のソースコードはどこにありますか、動的要素の作成のどの部分に問題がありますか?これは無料のライティングサービスではありませんので、その関数のソースコードを表示し、これまでに試したことを説明することをお勧めします。ありがとうございました。 – NewToJS

+0

申し訳ありませんが、今すぐ表示します。私はその一般的な単純なので、あなたはもっとコードを必要としないだろうと思った: – eduroc92

答えて

0

私はまだコメントするには十分な担当者を持っていないが、私はoninputは、あなたが探しているものであると信じています。 onchangeは、テキストフィールドの入力時にのみ発生します。また、あなたのforループの前にテキストフィールドの値を取得します。

+0

私はあなたの提案に従ったが、何も起こりません、なぜ1つの入力要素が作成されていないかわからない... – eduroc92

+0

あなたが入力フィールドでは、新しいテーブルの行とセルを作成してテーブルに追加する必要もあります。 [MDN記事を読む](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) – SonOfChuckles

+0

ちょうど修正しました、ありがとうございます! :) – eduroc92

関連する問題