jquery对文本框动态的添加和删除

来源:互联网 发布:linux vi 怎么打开序号 编辑:程序博客网 时间:2024/06/05 07:14

--前面那些就不写了,下面是重点 

$("#btnAddOne").click(function () {

                   var tr = $('<tr></tr>');
                   for (var i = 0; i < 7; i++) {
                       var td = $('<td style="width:100px"></td>');
                       var txt = $('<input type="text" runat="server"  style="width:100px" />');
                       td.append(txt);
                       tr.append(td);
                   }                                
                   --添加删除按钮
                   var del = $('<td><input type="button" value="移除" class="remove" id="clear" /></tr>');                 
                   tr.append(del);
                   $("#tbody1").append(tr);
                   $(".remove").click(function () {         
                       $(this).parents("tr").remove();
                    
                   });

           });

--放在tbody里面

 <tbody id="tbody1" ></tbody>


0 0
原创粉丝点击