<div class="codetitle"><span><a style="CURSOR: pointer" data="18590" class="copybut" id="copybut18590" onclick="doCopy('code18590')"><u>コードをコピーします</u></a></span></div> <div class="codebody" id="code18590"> <br><html> <br><head> 🎜><title>行を追加または削除</title><br><meta http-equiv="content-type" content="text/html; charset=UTF-8">スクリプトタイプ= "text/javascript" src="../js/jquery-1.9.1.js"></script> <br><script type="text/javascript"> (function( ) { <br>$("#addOneRow").click(function() { <br>var tempTr = $("tr:first").clone(true); <br>$("tr: last") .after(tempTr); <br>$("tr:last > td > #name").val("");//新しく追加された行名は空です<br>$("tr :last > td > #address").val("");//新しく追加された行アドレスは空です <br>}); <br>$(".delOneRow").click(function() { <br>if ( $("tr").length < 2) { <BR>alert("少なくとも 1 行は残してください!"); <BR>} else { <BR>if ("削除を確認しますか? ")) { <BR> $(this).parent().parent().remove(); <BR>} <BR>} <BR>}); <BR>}); <BR></スクリプト> <br><br><body> <br><tr> ;/td> <br> <td><input type="text" id="name" name="name" /> <br><td> ;/td> <br> <td><input type="text" id="address" name="address" /></td> <br><td><input type=" button" class="delOneRow" value="削除" /></td> <br></tr> <br></table> <br><input type="button" id=" addOneRow" value="行を追加" /> <br></body> <br><br></html>gt; <br><br> </div>
