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);
}