基于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> 先把前台的整理出来，项目临时有需求，先去忙了,稍后发后台取值的方法...

　　推荐阅读

　　前端开发的开始---基于面向对象的Ajax类

先看调用方式：复制代码代码如下: ajax.request("ajax.html",{v:Math.random(),num:1},function(data){ //do something },'get'); 方式好像jquery哦。。。还是觉得这样调用方便些。。。复制代码代码如下: var>>>详细阅读

本文标题：基于Jquery的动态添加控件并取值的实现代码

地址：http://www.17bianji.com/kaifa2/JS/25670.html

1/2 1