Fatal编程技术网

Javascript 添加多个输入

javascript jquery html

Javascript 添加多个输入,javascript,jquery,html,Javascript,Jquery,Html,我想添加多个文本输入，但如何添加？仅仅把我想要的输入的数量放在屏幕上是我在HTML中声明的唯一输入 假设我键入了数字3，然后按下按钮。应显示我输入的输入数。它实际上每次单击只添加一个输入，并忽略输入中键入的数据。我怎样才能解决这个问题 <!DOCTYPE html> <html> <head> <title>HTML</title> </head> <script src="js/jquery-3.1.0.mi

我想添加多个文本输入，但如何添加？仅仅把我想要的输入的数量放在屏幕上是我在HTML中声明的唯一输入

假设我键入了数字
3
，然后按下按钮。应显示我输入的输入数。它实际上每次单击只添加一个输入，并忽略输入中键入的数据。我怎样才能解决这个问题

<!DOCTYPE html>
<html>
<head>
    <title>HTML</title>
</head>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/test.js"></script>
<body>          
    <input type="text" id="inp1" name="inp1" placeholder="Number of inputs">    
    <button type="button" name="btn" id="btn">Add</button>

    <table id="table" name="table">
        <tbody></tbody>
    </table>    
</body>
</html>


HTML
添加

$（文档）.ready（函数（）{
$（文档）.on（'click'，'#btn'，function（）{
$（“#表体”）。附加（“”）
}); 
});
首先请注意，不能将
输入作为
tbody
的子项附加。您需要将其放置在
td
中，而td又需要位于
tr
中。还要注意，
输入
是自动关闭的，因此您应该只追加

为了实现您所需要的功能，您可以使用一个简单的
for
循环，使用输入的值作为迭代限制器（一旦您将其解析为整数）。试试这个：



$（文档）.ready（函数（）{
$（文档）。在（'单击'，'btn'，函数（）上{
对于（var i=0；i


添加

首先请注意，不能将
输入作为
tbody
的子项附加。您需要将其放置在
td
中，而td又需要位于
tr
中。还要注意，
输入
是自动关闭的，因此您应该只追加

为了实现您所需要的功能，您可以使用一个简单的
for
循环，使用输入的值作为迭代限制器（一旦您将其解析为整数）。试试这个：



$（文档）.ready（函数（）{
$（文档）。在（'单击'，'btn'，函数（）上{
对于（var i=0；i


添加

试试这个：



$（文档）.ready（函数（）{
$（“#btn”）。在（“单击”，函数（）{
变量编号=$（“#inp1”）.val（）；
number=parseFloat（number）；

对于（var i=1；i请尝试以下操作：



$（文档）.ready（函数（）{
$（“#btn”）。在（“单击”，函数（）{
变量编号=$（“#inp1”）.val（）；
number=parseFloat（number）；

对于（var i=1；我非常感谢你花时间回答。我真的很感激。非常感谢你花时间回答。我真的很感激。太棒了！太感谢你了。我只是在学习，还在学婴儿步。太棒了！太感谢你了。我只是在学习，还在学婴儿步。