jQuery自动添加表单项的方法
更新时间:2015年07月13日 17:24:42 作者:不吃皮蛋
这篇文章主要介绍了jQuery自动添加表单项的方法,涉及jquery中append方法动态添加表单元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery自动添加表单项的方法。分享给大家供大家参考。具体如下:
这里实现通过点击按钮动态添加一个表单输入项
<script type="text/javascript" charset="utf-8"> $(function() { var fieldCount = 1; $("#addFieldButton").click(function() { fieldCount++; if(fieldCount <= 5) { var fieldID = "recipient_email_" + fieldCount; $("#additionalEmails").append("<label for='"+fieldID+"'>Recipient Email "+fieldCount+": </label>"+ "<input type='text' name='"+fieldID+"' " + "id='"+fieldID+"' size='30'><br />" ); } else { alert("Maximum email fields reached."); } }); }); </script>
希望本文所述对大家的jquery程序设计有所帮助。
相关文章
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
有时候我们需要用resize事件调整浏览器窗口大小,但对框架却不起作用,这里介绍下实现方法,需要的朋友可以参考下2014-05-05jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
这篇文章主要介绍了jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法,涉及jQuery表单元素获取及正则验证相关操作技巧,需要的朋友可以参考下2017-12-12
最新评论