Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在选择时显示更多表单输入_Javascript_Html - Fatal编程技术网

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

Javascript 在选择时显示更多表单输入,javascript,html,Javascript,Html,所以我试图创建一个列表页面。因此,基本上,他们输入产品的详细信息。下面的按钮显示“添加其他产品” 我该如何做才能使它在有人单击按钮时显示另一组html?您可以使用jQuery在单击时附加一个输入: HTML <div class="container"> <input type="text"/> </div> <button>ADD</button> <div id="co

所以我试图创建一个列表页面。因此,基本上,他们输入产品的详细信息。下面的按钮显示“添加其他产品”


我该如何做才能使它在有人单击按钮时显示另一组html

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

HTML

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

可以使用DOM操作函数,如
document.createElement
document.appendChild
等。添加元素很简单。用标签、值、周围元素(可能在表中的新行?)和适当的属性将其置于正确的上下文中需要付出更多的努力。比我想象的要简单!非常感谢。有道理,没问题。我还添加了一个简单的javascript解决方案。如果这回答了您的问题,请检查是否已解决?
<div id="container">
   <input type="text"/>
</div>
<button onclick="add()">ADD</button>
function add(){
   var newInput = document.createElement("input");
   newInput.type = "text";     
   document.getElementById("container").appendChild(newInput); 
}