如何在点击一个按钮使用JavaScript

Question

虽然按钮我要添加使用的JavaScript 4个标贴和文本框的panel.that低于4个控制应每个按钮重新点击动态添加文本框。 我是新来的javascript.Please帮我..

Answer 1

你以前创建它们。默认情况下，您将其可见性设置为“隐藏”。在按钮动作中，您调用一个javascript函数，将可见性设置为可见。

只是回答，如果你需要更多的方向。

Answer 2

希望这项工作，你永远不介意的jQuery我猜

$('.button').on('click', function(){ 
     $('.appnd-class').append("<label> Name </label> <input type='text'/><label> Age </label> <input type='text'/><label> Address </label> <input type='text'/><label> Office </label> <input type='text'/>") 

    }); 

Answer 3

我平时喜欢这个东西保存为模板，然后将它们添加到网页...

var template = ""+ 
"<select id='etc'>" + 
    "<option value='one'>One</option>"+ 
    ... 
"</select>" 

然后只需添加他们页面

$("#button").click(function(){ 
    $(template).appendTo($("#thedivyouwant")); 
}); 

Answer 4

尝试以下

<div id="div1"></div> 
<input type="button" id="mybutton" /> 

的JavaScript

$(document).ready(function() { 
     $("#mybutton").click(function() { 
    document.getElementById("div1").innerHTML="<input type='textbox' />" 

}); 
}); 

这样你就可以添加你想要的所有控件在UI

DEMO

如果你需要纯JavaScript然后

<div id="div1"></div> 
<input type="button" id="mybutton" onclick="myfun()"/> 

随后的javascript

function myfun() 
{ 
    document.getElementById("div1").innerHTML="<input type='textbox' />" 
} 

如果您需要安排图片中显示的输出，那么您需要将标签和文本框包含在表格中。那么它会看起来像