选择下拉选项时在表单中添加输入字段

Question

如何在表单中动态添加字段

所以我的表格看起来像：

<form action="/reservation-add" method="post">
<select id="dropdownlist">
<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>
</select>
<input></input>
</form>

如果选择例如 3，它应该附加 3 个新输入（可以是数组以获取所有值）我知道我必须使用 javascript 但我不知道如何。

Answer 1

使用这种方式：

$("#dropdownlist").change(function () {
    var numInputs = $(this).val();
    for (var i = 0; i < numInputs; i++)
        $("#inputArea").append('<input name="inputs[]" />');
});

还有另一个div，ID 为“inputArea”：

<div id="inputArea"></div>

片段

$("#dropdownlist").change(function () {
    var numInputs = $(this).val();
    for (var i = 0; i < numInputs; i++)
        $("#inputArea").append('<input name="inputs[]" />');
});

<div id="inputArea"></div>