源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-11-18 04:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于Jquery的动态添加控件并取值的实现代码
[u]复制代码[/u] 代码如下:
<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>
先把前台的整理出来,项目临时有需求,先去忙了,稍后发后台取值的方法...
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部