jquery动态添加和删除html标签
15 Days of jquery第11天介绍了用jquery实现多文件上传,我把代码改了一下,用jquery动态添加和删除表单元素。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var spotMax = 3; if($('div.spot').size() >= spotMax) {$(obj).hide();} $("input#add").click(function(){ addSpot(this, spotMax); }); }); function addSpot(obj, sm) { $('div#spots').append( '<div class="spot">' + '<input type="text" name="spot_title" /> ' + '<input type="text" name="spot_addr" /> ' + '<input type="text" name="spot_url" /> ' + '<input type="button" class="remove" value="Delete" /></div>') .find("input.remove").click(function(){ $(this).parent().remove(); $('input#add').show(); }); if($('div.spot').size() >= sm) {$(obj).hide();} }; </script> </head> <body> <form action="test.php" method="post" name="asdf" id="asdf"> <div id="spots"> <input type="button" id="add" name="add" value="add" /><br /> </div> <input type="button" name="Submit" value="Submit" id="send" /> </form> <script> $('#send').click(function(){ alert('Demonstration Only: submit disabled'); }); </script> </body> </html>

No Responses to “jquery动态添加和删除html标签”