基于Jquery的动态添加控件并取值的实现代码
更新时间：2010年09月24日 13:19:07 作者：
基于Jquery的动态添加控件并取值的实现代码，需要的朋友可以参考下。
复制代码 代码如下:
<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>
先把前台的整理出来，项目临时有需求，先去忙了,稍后发后台取值的方法...
相关文章
因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了，好了下面为大家介绍下如何实现这个放大缩小动画效果2013-09-09
下面小编就为大家带来一篇jQuery原理系列-常用Dom操作详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
下面小编就为大家带来一篇对象不支持indexOf属性或方法的解决方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。本文主要介绍JQuery阻止事件冒泡的实例解析。需要的朋友来看下吧2016-12-12
最近在学习jQuery方面的知识，学习中遇到一定的困难，一些知识不得不查看官方的文档，在用到end()方法时，被一个小例子搞得有点晕。2011-07-07
jquery自带的getSrcript文件只能动态加载js代码，但不能加载css，后来自己写了一个可加载js与css的程序2014-10-10
这篇文章主要介绍了jQuery链使用方法，以及用哪些方法尅控制jQuery链，非常的详细,需要的朋友可以参考下2015-01-01
当用户在表单里数据完数据后，之间按enter键就可以执行查询或者保存的操作。实现的思路如下2014-04-04
这篇文章主要介绍了jQuery获取标签文本内容和html内容的方法,实例分析了jQuery中text和html方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本篇文章分享了基于jQuery实现的幻灯图片切换效果的部分代码。感兴趣的朋友可以下载实例运行，下面就跟小编一起来看看吧2016-12-12
最新评论