虽然按钮我要添加使用的JavaScript 4个标贴和文本框的panel.that低于4个控制应每个按钮重新点击动态添加文本框。 我是新来的javascript.Please帮我..
回答
你以前创建它们。默认情况下,您将其可见性设置为“隐藏”。在按钮动作中,您调用一个javascript函数,将可见性设置为可见。
只是回答,如果你需要更多的方向。
希望这项工作,你永远不介意的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'/>")
});
我平时喜欢这个东西保存为模板,然后将它们添加到网页...
var template = ""+
"<select id='etc'>" +
"<option value='one'>One</option>"+
...
"</select>"
然后只需添加他们页面
$("#button").click(function(){
$(template).appendTo($("#thedivyouwant"));
});
尝试以下
<div id="div1"></div>
<input type="button" id="mybutton" />
的JavaScript
$(document).ready(function() {
$("#mybutton").click(function() {
document.getElementById("div1").innerHTML="<input type='textbox' />"
});
});
这样你就可以添加你想要的所有控件在UI
如果你需要纯JavaScript然后
<div id="div1"></div>
<input type="button" id="mybutton" onclick="myfun()"/>
随后的javascript
function myfun()
{
document.getElementById("div1").innerHTML="<input type='textbox' />"
}
如果您需要安排图片中显示的输出,那么您需要将标签和文本框包含在表格中。那么它会看起来像
比我怎样才能给每个文本框不同的ID .... – jithesh 2015-03-03 11:29:41
@jithesh为什么不?只需使用一个循环并通过循环处理您的控件,并使用id对应于循环参数,例如,只需先修复一个id,如“mytextbox”,然后将循环变量附加到末尾,如mytextbox +您的循环参数变量 – 2015-03-03 11:32:50
@jithesh只需检查此更新代码http://jsfiddle.net/fypg2wke/1/ – 2015-03-03 11:39:45
- 1. 如何检查一个按钮是否被点击使用javascript?
- 2. 如何使硒点击一个按钮
- 3. 如何使点击一个按钮与JavaScript
- 4. 使用JavaScript点击一个单选按钮没有在IE
- 5. JavaScript自动点击一个按钮
- 6. 自动化一个JavaScript按钮点击
- 7. vb.net点击一个JavaScript按钮
- 8. “点击”一个JavaScript按钮与VBA
- 9. JavaScript在按钮上点击一个页面点击
- 10. 使用点击一个按钮
- 11. 使用VBA点击一个按钮
- 12. 使用ACRA点击一个按钮
- 13. javascript,按钮,点击
- 14. Javascript'点击'按钮
- 15. 当我点击另一个按钮时,如何在JavaScript中隐藏按钮
- 16. 如何禁用按钮的另一个按钮被点击
- 17. 点击按钮点击JavaScript javascript
- 18. WPF:如何在点击另一个按钮时动画按钮?
- 19. 如何在Drupal7中添加一个按钮点击按钮?
- 20. 如何通过点击一个按钮
- 21. 如何通过点击一个按钮
- 22. 如何通过点击一个按钮
- 23. 安卓:如何点击一个按钮
- 24. 如何需要点击一个按钮
- 25. 如何在使用JavaScript单击另一个按钮时隐藏/显示按钮
- 26. 点击一个按钮来模拟点击多个按钮
- 27. 单击一个按钮时禁用多个按钮点击
- 28. 如何禁用一旦点击按钮,并再次启用一旦在Android中点击另一个按钮
- 29. ,如何在第一次点击后禁用按钮,并在点击另一个按钮后再次启用它?
- 30. 检测父点击按钮使用javascript
这不是非常有效,只有当你知道你想要多少时才有用...... – brunofitas 2015-03-03 11:09:27
我认为,他实际上确实知道他想显示哪些文本框。在上面,他张贴了一张包裹信息,其中包裹将由包裹服务(德语)发送。它在我看来,他只是想在某个事件后点击它们(按钮点击)。将它们设置为可见是否真的效率低下?我认为,将更多信息附加到innerHtml或其他任何内容会使用更多的资源。 – KJaeg 2015-03-03 11:13:19
他确实知道要添加哪些字段,但每一行代表一个包,对不对?所以通过隐藏线条,我想可以限制可能发送的包的数量。 – brunofitas 2015-03-03 11:19:43