基于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>

先把前台的整理出来,项目临时有需求,先去忙了,稍后发后台取值的方法...

相关文章

  • 即将发布的jQuery 3 有哪些新特性

    即将发布的jQuery 3 有哪些新特性

    本文主要介绍jQuery 3中一些新增的特性和一些变更的特性,以及一些废弃删除的特性,另外介绍了jQuery 3.0 最大的变化就是彻底放弃对 IE8 的支持,大家可以先看一下。
    2016-04-04
  • 使用jQuery实现掷骰子游戏

    使用jQuery实现掷骰子游戏

    这篇文章主要介绍了使用jQuery实现掷骰子游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • jquery实现加载进度条提示效果

    jquery实现加载进度条提示效果

    这篇文章主要介绍了jquery实现加载进度条提示效果,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery插件jFade实现鼠标经过的图片高亮其它变暗

    jQuery插件jFade实现鼠标经过的图片高亮其它变暗

    本文给大家介绍的是一款重点突出的jQuery特效插件效果,使用jFade实现鼠标经过的图片高亮其它变暗,非常实用,推荐给小伙伴们参考下。
    2015-03-03
  • 一文带你详细了解jQuery

    一文带你详细了解jQuery

    jQuery是一个JavaScript库,它简化了客户端JavaScript编程的过程,特别是针对HTML文档遍历和操作、事件处理、动画效果和Ajax操作。感兴趣的小伙伴可以参考阅读
    2023-04-04
  • jquery实现简单的表单验证

    jquery实现简单的表单验证

    这篇文章主要介绍了jquery实现简单的表单验证,思路大概是先为每一个required添加必填的标记,用each()方法来实现,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • animate动画示例(泪奔的小孩)及stop和delay的使用

    animate动画示例(泪奔的小孩)及stop和delay的使用

    实现原理:停止动画,当一个元素有一个动画队列时,停止的是当前动画,紧接着执行下一个动画,具体代码如下,感兴趣的朋友可以参考下哈,希望对你学习jquery动画有所帮助
    2013-05-05
  • jQuery实现dialog设置focus焦点的方法

    jQuery实现dialog设置focus焦点的方法

    这篇文章主要介绍了jQuery实现dialog设置focus焦点的方法,涉及jQuery针对dialog的操作技巧,需要的朋友可以参考下
    2015-06-06
  • JQuery中Ajax的操作完整例子

    JQuery中Ajax的操作完整例子

    这篇文章主要介绍了JQuery中Ajax的操作完整例子,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • jQuery中html()方法用法实例

    jQuery中html()方法用法实例

    这篇文章主要介绍了jQuery中html()方法用法,以实例形式分析了html()方法的功能、定义及使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论