Question

我正在处理最初要求一定数量的人的表格：

<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>

然后在单击任何选项时触发更新功能，该选项切换包含在名为step2的div中的表单的下一部分的可见性：

function update(){
    document.getElementById('step2').style.visibility='visible';
};

我当时想要做的是创建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()放在更新功能的末尾。但是这不起作用。有没有其他方式可以，甚至，我在代码中做错了什么？

在JavaScript中创建输入N次

0 个答案: