一段JS代码，可用于生成动态表单

最新推荐文章于 2022-04-22 17:31:21 发布

原创最新推荐文章于 2022-04-22 17:31:21 发布 · 611 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #button #action #function

other 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态地为网页添加表单元素的方法。通过一个按钮触发函数，可以在页面上连续添加带有不同ID的输入框，这些输入框与一个初始存在的帐号输入框结构相同。该功能适用于需要收集多个相似数据项的场景。

<script type="text/javascript">
var a=1;
    function d()
    {
        var s=document.getElementById("ok").innerHTML;
        document.getElementById("ok").innerHTML= s + "<p>帐号" + a + "<input type=text id='a" + a + "' name='a" + a + "'></p>";
        a+=1;
    }
</script>
<input type="button" id="b" onclick="d();" value="增加一行" />
 <form id="form1" name="form1" method="post" action="">
  <span id="ok">
 <p>帐号:  <input name="a1" type="text" id="a1" /></p>
  </span>
  
  <input type="submit" />
</form>