编程 Javascript

基于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 相关文章推荐

一个很简单的办法实现TD的加亮效果.

Jun 29 Javascript

formValidator3.3的ajaxValidator一些异常分析

Jul 12 Javascript

onkeypress字符按键兼容所有浏览器使用介绍

Apr 24 Javascript

js整数字符串转换为金额类型数据(示例代码)

Dec 26 Javascript

利用js制作html table分页示例(js实现分页)

Apr 25 Javascript

使用JavaScript进行进制转换将字符串转换为十进制

Sep 21 Javascript

JavaScript学习笔记之检测客户端类型是（引擎、浏览器、平台、操作系统、移动设备）

Dec 03 Javascript

Bootstrap Img 图片样式(推荐)

Dec 13 Javascript

利用JS实现文字的聚合动画效果

Jan 22 Javascript

angular bootstrap timepicker TypeError提示怎么办

Jun 13 Javascript

webpack+vue2构建vue项目骨架的方法

Jan 09 Javascript

vue通过过滤器实现数据格式化

Jul 20 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