html点击按钮动态添加input文本框

最新推荐文章于 2023-02-08 15:35:16 发布

转载最新推荐文章于 2023-02-08 15:35:16 发布 · 5.2k 阅读

文章标签：

#javascript #python #c# #ViewUI

本文介绍了一个简单的JavaScript函数，用于在网页上动态添加文本输入框。通过创建新的input元素并设置其属性，然后将其插入到指定的div容器中，实现动态添加功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html
<div id="org"></div> //注意:id不能写在button上,js获取不到button的id(可能是我们公司的框架的原因)
<input type="button" onclick="add1();" value="添加" />
script
<script type="text/javascript">
function add1(){
    var input1 = document.createElement('input');
    input1.setAttribute('type', 'text');
    input1.setAttribute('name', 'organizers[]');
    input1.setAttribute('class', 'git');
    
    var btn1 = document.getElementById("org");
    btn1.insertBefore(input1,null);
}
</script>