javascript下拉列表等于相同数量的文本框

我有一个下拉列表，其中有数字1-10和“继续”按钮。
我想要的是，当用户选择一个特定的数字并单击“继续”按钮时，它应该显示一个与下拉列表中所选数字相等的文本框

---

可以用一个循环来完成吗？或任何建议？

使用

addEventListener

，您可以生成如下文本框：

function create(param) {
    //'use strict';
    var i, target = document.getElementById('screens');
    target.innerHTML = '';

    for (i = 0; i < param; i += 1) {
        target.innerHTML += '<input type="text" name="Fname"><br /><br />';
    }
}

document.getElementById('createTextboxes').addEventListener('change', function () {
    create(this.value);
}, false);

函数创建（参数）{
//"严格使用",；
变量i，target=document.getElementById（'screens'）；
target.innerHTML=''；
对于（i=0；i

---

这里有一个选项—使用jQuery，因为它比普通的JS酷得多—首先根据选择列表的值确定所需的文本框数量。然后用所需数量的文本框创建一个字符串，第三个-将该HTMl应用于空div。请注意，将文本框构建为字符串，然后将其添加到div的原因是，这只需要对DOM进行一次更改-在每次迭代中执行此操作将需要多次更改DOM。如果您不想使用jQuery，那么这很好——正如其他答案所示——在jQ中完成的所有事情都可以在JS中完成——但使用jQuery更有趣

$（文档）.ready（函数（）{
$（“#选择”）.change（函数（）{
var num=$（this.val（）；
var HTML=''；
对于（i=0；i”
}
$（'#newDiv'）.html（html）；
})                  
})

输入所需的文本框数
1.
2.
3.
4.
5.

试试这个。。。纯Js和快速

函数创建者（）{
var tb=document.getElementById（“生成器”）.value
var区域=document.getElementById（“tbArea”）；
var childcount=area.childNodes.length；
if（childcount！=0）
{for（var i=childcount-1；i>-1；i--）
{ 
area.removeChild（area.childNodes[i]）；
}  
}
对于（变量i=0；i

1.
2.
3.
4.
5.
6.
7.
8.
9
10
您已经尝试了什么因此，这是一项帮助解决编码问题的服务，而不是为您完成所有工作。这将是一个简单的问题，即确定所选数量并设置一个循环，将指定数量的文本框附加到一个空div中。是的，可以这样做，但不需要使用循环。只需向按钮添加一个
addEventListener
。请提供一些代码。事实上，先生，我仍然不知道该怎么办。。我无法移动OK创建一个按钮并通过JS或任何你喜欢的方式读取输入字段的所有值。。。然后显示