jQuery自动添加表单项的方法

前端技术 2023/09/07 JavaScript

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

本文地址：https://www.stayed.cn/item/19990

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案