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 相关文章推荐
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
js图片处理示例代码
May 12 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
快速解决vue-cli不能初始化webpack模板的问题
Mar 20 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
微信小程序实现圆形进度条动画
Nov 18 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
php下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
php获取后台Job管理的实现代码
2011/06/10 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
JS中typeof与instanceof之间的区别总结
2013/11/14 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
JavaScript之Map和Set_动力节点Java学院整理
2017/06/29 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
JS原型与继承操作示例
2019/05/09 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
JavaScript布尔运算符原理使用解析
2020/05/06 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python处理cookie详解
2014/02/07 Python
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
python多线程同步之文件读写控制
2021/02/25 Python
appium+python adb常用命令分享
2020/03/06 Python
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
文科教师毕业的自我评价
2014/01/16 职场文书
个人职业及收入证明
2014/10/13 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
MySQL 字符集 character
2022/05/04 MySQL
css弧边选项卡的项目实践
2023/05/07 HTML / CSS