Question

我是javascript的新手，所以欢迎任何帮助。基本上，我需要做的代码是按下按钮时会创建一个新表。

<script>
    function table() {
        var td, tx;
        var fo = document.getElementById("fo");
        var tbl = document.getElementById("tbl");
        var tr = document.createElement("tr");
        for(var x=0; x<1; x++ ) {
            td = document.createElement("td");
            tx = document.createTextNode("new table with form here");
            td.appendChild( tx );
            tr.appendChild( td );
           }
           tbl.appendChild( tr );
        }

</script>
</head>
<body>
    <input type="button" name="button" id="button" value="New table" onClick="table();">
    <form name="Arvuti" id="fo">
    <table border=4 id="tbl">
        <tr>
        <td>
           <input type="text" name="Vastus" size="16" readonly="readonly"></br>
           <input type="button" name="uks"   value="  1  " onclick="Arvuti.Vastus">
        </td>
        </tr>
    </table>
    </form>

Answer 1

尝试使用jQuery。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
    $(document).ready(function(){
        $("#new_field").click(function(){
            $(this).closest("table").append("<tr><td><input type='text' value='New field'></td></tr>");
        });
    });
</script>
<table>
    <tr><td><button id="new_field">Add field</button></td></tr>
</table>

按下按钮时添加Javascript，添加新表单

1 个答案: