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

Question

所以我想创建一个列表页面。所以基本上他们输入了产品的细节。下面的按钮表示＆＃34;添加其他产品＆＃34;。

如果有人点击按钮，我会怎么做呢？它会显示另一组html <input>？

Answer 1

您可以使用jQuery在点击上附加input：

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