?
table? 增加一行,并动态改变增加行中的各控件的属性的值
?
?
?
<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//EN"> <html> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=GBK"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-store"> <meta http-equiv="expires" content="0"> <script src="jquery-1.7.js" type="text/javascript"></script> </head> <body> <table id="table6" cellpadding="0" cellspacing="0" border="1" width="90%" align="center" onkeydown="if(event.keyCode==13)event.keyCode=9"> <tr> <td colspan="3" class="tab"> <table class="tabs" cellpadding="0" cellspacing="0"> <tr> <td class=tab_sf></td> <td class=tab_f> 附件 </td> <td class=tab_ef></td> <td class=tab_ef align="right"> <input type="button" class="button" onclick="addTable('6')" value="增加"> </td> </tr> </table> </td> </tr> <tr> <th width="40%"> 文件名称 </th> <th width="30%"> 上传时间 </th> <th> 操作 </th> </tr> <tr id='tr6'> <td id="td1" align='center'> 文件名称<span id="sp" ><span> </td> <td id="td2" align='center'> <input type='text' name='name' value="td" onmouseover="aaahow(this)" /> </td> <td id="td3" > <a onclick="deleteTable0(this)" style="cursor: hand">删除</a> </td> </tr> </table> </body> </html> <script language="JavaScript"> <!-- var $tr6 = $("#tr6").remove(); var ii=0; //动态的改变id,value等属性的值 function addTable(obj) { ii++; //$tr6.find("#dd").html("aaaaaa").end().clone().appendTo("#table6"); //alert(ii); var vv="td"+ii; $tr6.find("#td2 input").val(vv).attr("id",vv).end().clone().appendTo("#table6"); name(); } //对span中的内容动态的改变 function name(){ var i=0; $("span[id='sp']").each(function(){ i++; $(this).html(i); }); } function deleteTable0(obj) { $(obj.parentNode.parentNode).remove(); // 删除当前节点的父节点的父节点 name(); } function aaahow(obj){ $(obj).attr("title","value:"+obj.value+" \n\nid:"+obj.id+"\n\n"); //alert("value:"+obj.value+" id:"+obj.id); } //--> </script>
?
?
?
?
?
?
?
?
?
?
?