基于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 相关文章推荐
获取DOM对象的几种扩展及简写
Oct 09 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
JavaScript基础教程——入门必看篇
May 20 Javascript
概述jQuery中的ajax方法
Dec 16 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
改变layer confirm弹窗按钮的颜色方法
Sep 12 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
vue 内联样式style中的background用法说明
Aug 05 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
PHP stristr() 函数(不区分大小写的字符串查找)
2010/06/03 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
php文件缓存方法总结
2016/03/16 PHP
Linux下编译redis和phpredis的方法
2016/04/07 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
Extjs学习笔记之八 继承和事件基础
2010/01/08 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
JS绘制生成花瓣效果的方法
2015/08/05 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
原生js的RSA和AES加密解密算法
2016/10/08 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
Python字符遍历的艺术
2008/09/06 Python
python根据距离和时长计算配速示例
2014/02/16 Python
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
python返回昨天日期的方法
2015/05/13 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
python切割图片的示例
2020/11/12 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
应用英语专业自荐信
2014/01/26 职场文书
品牌转让协议书
2014/08/20 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书
幼儿园工作总结2015
2015/04/01 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python