jquery 动态添加文本框

最新推荐文章于 2022-09-20 18:48:41 发布

weixin_30527143

最新推荐文章于 2022-09-20 18:48:41 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/long_/archive/2010/07/15/1778430.html

本文介绍了一种使用jQuery库动态生成HTML输入框的方法。通过点击按钮即可在网页上增加新的文本输入框，适用于需要动态收集用户输入的场景。

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

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <META http-equiv="Content-Style-Type" content="text/css">
    <script type="text/javascript" language="javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
         $(document).ready(function(){
           var id=1;
          $("#s").click(function(){
              var str=String.fromCharCode(64+id);
              var input="["+str+"]、<input type='text' id='"+id+"' ><br>";
              id++;
              var k=$("#inputDiv").html();
              k+=input;
             $("#inputDiv").html(k);
          })
         })
        </script>
    </head>
    <body>
        </div>
        <div>
        <input type="button" id="s" >
        </div>
        <div><FONT face=""></FONT></div>
         <div id="inputDiv"> </div>
    </body>
</html>