2017-08-25 121 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

你想要哪些行?在textarea或HTML? –

+1

您的'espacioArreglos()'函数的源代码在哪里,以及您在创建动态元素时遇到了什么问题?这不是一个免费的写作服务,所以我建议你展示该功能的源代码并解释你到目前为止所尝试的。谢谢。 – NewToJS

+0

对不起,我现在就会展示它。我认为它的东西超一般和简单,所以你不会需要更多的代码:) – eduroc92

回答

0

我没有足够的代表处发表评论,只是还没有,但我相信oninput是你在找什么。 onchange只有在按下输入文本字段时才会触发。此外,我会在您的for循环之前获得您的文本字段的值。

+0

我遵循你的建议,但仍然没有任何反应,不知道为什么甚至没有创建一个单一的输入元素... – eduroc92

+0

当你创建新的输入字段,您还需要创建新的表格行和单元格并将它们附加到表格中。 [阅读MDN附加文章](https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) – SonOfChuckles

+0

只需修复它,谢谢! :) – eduroc92