jQuery自动添加表单项的方法


Posted in Javascript onJuly 13, 2015

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

Javascript 相关文章推荐
论坛特效代码收集(落伍转发-不错)
Dec 02 Javascript
textContent在Firefox下与innerText等效的属性
May 12 Javascript
javascript 防止刷新,后退,关闭
Aug 07 Javascript
如何使用Javascript获取距今n天前的日期
Jul 08 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
Sep 17 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
quickjs 封装 JavaScript 沙箱详情
Nov 02 Javascript
JavaScript去除数组里重复值的方法
Jul 13 #Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
Jul 13 #Javascript
jQuery检测返回值的数据类型
Jul 13 #Javascript
jQuery常用且重要方法汇总
Jul 13 #Javascript
C#中使用迭代器处理等待任务
Jul 13 #Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 #Javascript
jQuery中extend函数详解
Jul 13 #Javascript
You might like
DedeCms模板安装/制作概述
2007/03/11 PHP
php实现excel中rank函数功能的方法
2015/01/20 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
TNC vs IO BO3 第二场2.13
2021/03/10 DOTA
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
2014/12/15 Javascript
JavaScript中的闭包
2016/02/24 Javascript
Ajax基础知识详解
2017/02/17 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python的设计模式编程入门指南
2015/04/02 Python
Pycharm学习教程(7)虚拟机VM的配置教程
2017/05/04 Python
python实现超市扫码仪计费
2018/05/30 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
python中return如何写
2020/06/18 Python
css3新单位vw、vh的使用教程
2018/03/23 HTML / CSS
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
工作中个人的自我评价
2013/12/31 职场文书
运动会通讯稿100字
2014/01/31 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
室内趣味活动方案
2014/08/24 职场文书
实验心得体会
2014/09/05 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书