javascript - 在选择时显示更多表单输入

Question

所以我正在尝试创建一些列表页面。所以基本上他们输入有关产品的详细信息。下面的按钮显示“添加其他产品”。

我该如何制作它，以便当有人单击该按钮时，它会显示另一组 html <input> ？

Answer 1

您可以使用 jQuery 在点击时附加一个输入:

HTML

<div class="container">
   <input type="text"/>
</div>
<button>ADD</button>

JS

$("button").click(function(){
   $(".container").append("<input type='text'/>"); 

});

EXAMPLE 1

或

使用纯 JavaScript:

HTML

<div id="container">
   <input type="text"/>
</div>
<button onclick="add()">ADD</button>

JS

function add(){
   var newInput = document.createElement("input");
   newInput.type = "text";     
   document.getElementById("container").appendChild(newInput); 
}

EXAMPLE 2