AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jQuery自动添加表单项的方法

51自学网 http://www.wanshiok.com
jQuery,自动添加,表单项

本文实例讲述了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程序设计有所帮助。


jQuery,自动添加,表单项  
上一篇:jQuery插件boxScroll实现图片轮播特效  下一篇:JavaScript去除数组里重复值的方法