用Jquery动态添加控件并取值

js代码：

站在用户的角度思考问题，与客户深入沟通，找到特克斯网站设计与特克斯网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟空间、企业邮箱。业务覆盖特克斯地区。

<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
       $(function() {
           var i = 2;
           $('#addText').click(function() {
               if (i < 9) {
                   $('#main').append('<div><input type="text" name="text'+ i + '"/><a href="#" class="del-text">del</a></div>');
                   i++;
               } else {
                   alert("最多只能添加8个");
               }
           });  
       });
</script>

html代码：

<div id="main">
  <div><input type="text" name="text1" /></div>
</div>
<a id="addText" href="#">添加文本框</a>

本文名称：用Jquery动态添加控件并取值
网站网址：https://www.cdcxhl.com/article24/jsesje.html

成都网站建设公司_创新互联，为您提供定制开发、域名注册、品牌网站建设、网站设计公司、ChatGPT、网站收录

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联