在JavaScript中创建输入N次

我正在制作一份表格，最初需要一定数量的人：

<select name="amount" onClick="update()" id="amount">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>

然后我想做的是创建N个输入（N是他们选择了多少人） 因此，如果他们选择4，则会出现4个名称输入。 我已尝试使用此功能：

function addinput(){
var wrapper         = $("#step2"); //Fields wrapper
var x = document.getElementById(amount).value;
for(var i = 0; i < x; i++) {
$(wrapper).append('<div><input type="name" name="mytext[' + i + ']"/></div>');
    }
};

函数addinput（）{
var wrapper=$（“#步骤2”）；//字段包装器
var x=document.getElementById（amount）.value；
对于（变量i=0；i

然后将

addinput（）

放在更新函数的末尾。 然而，这不起作用。

---

有没有其他方法可以，或者甚至可以，我在代码中做错了什么？

由于语法错误而不起作用。查看浏览器中的控制台。我猜问题出在这一行

var x=document.getElementById（amount）.value未定义可变金额，您应该改为查询“金额”。
var x=document.getElementById（“金额”）.value
，也不必再次调用
jQuery（）
，在
for
循环中使用
wrapper
作为参数。@epascarello我已经纠正了语法错误，但是仍然不起作用。
function addinput(){
var wrapper         = $("#step2"); //Fields wrapper
var x = document.getElementById(amount).value;
for(var i = 0; i < x; i++) {
$(wrapper).append('<div><input type="name" name="mytext[' + i + ']"/></div>');
    }
};