基于Jquery的动态添加控件并取值的实现代码


Posted in Javascript onSeptember 24, 2010
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>Jquery动态控件</title> 
<script src="jquery-1.4.2.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function() { 
var i = 2; 
$('#addText').click(function() { 
if (i < 9) { 
$('#main').append('<div><input type="text" name="text" + i + ""/> 











<a href="#" class="del-text">del</a></div>'); 
i++; 
} else { 
alert("最多只能添加8个"); 
} 
}); 
$('.del-text').live('click',function(){ 
$(this).parent().remove(); 
i--; 
}); 
}); 
</script> 
</head> 
<body> 
<div id="main"> 
<div> 
<input type="text" name="text1" /> 
</div> 
</div> 
<a id="addText" href="#">添加文本框</a> 
</body> 
</html>

先把前台的整理出来,项目临时有需求,先去忙了,稍后发后台取值的方法...
Javascript 相关文章推荐
javascript实现TreeView 无刷新展开的实例代码
Jul 13 Javascript
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
jquery实现可关闭的倒计时广告特效代码
Sep 02 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
详解利用 Express 托管静态文件的方法
Sep 18 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 Javascript
封装的原生javascript弹出层代码
Sep 24 #Javascript
js最简单的拖拽效果实现代码
Sep 24 #Javascript
JavaScript 设计模式 安全沙箱模式
Sep 24 #Javascript
IE无法设置短域名下Cookie
Sep 23 #Javascript
Javascript中获取出错代码所在文件及行数的代码
Sep 23 #Javascript
基于JQuery的一个简单的鼠标跟随提示效果
Sep 23 #Javascript
用js模拟JQuery的show与hide动画函数代码
Sep 20 #Javascript
You might like
php递归列出所有文件和目录的代码
2008/09/10 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
表单的一些基本用法与技巧
2006/07/15 Javascript
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
Immutable 在 JavaScript 中的应用
2016/05/02 Javascript
详细总结Javascript中的焦点管理
2016/09/17 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
详解JavaScript中数组的reduce方法
2016/12/02 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
jQuery表单验证之密码确认
2017/05/22 jQuery
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
python使用正则表达式提取网页URL的方法
2015/05/26 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
CSS3 选择器 基本选择器介绍
2012/01/21 HTML / CSS
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
JAVA高级程序员面试题
2013/09/06 面试题
法定代表人授权委托书范文
2014/09/22 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
2015年基层党建工作总结
2015/05/14 职场文书
运动员入场词
2015/07/18 职场文书
男方家长婚礼答谢词
2015/09/29 职场文书
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers