Javascript当按下按钮时，会添加一个新表单_Javascript_Html

Javascript当按下按钮时，会添加一个新表单

javascript html

Javascript当按下按钮时，会添加一个新表单,javascript,html,Javascript,Html,我是javascript新手，欢迎任何帮助。基本上，我需要的代码是，当按下按钮时，将创建一个新表 <script> function table() { var td, tx; var fo = document.getElementById("fo"); var tbl = document.getElementById("tbl"); var tr = document.createElement("tr")

我是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>


函数表（）{
var-td，tx；
var fo=document.getElementById（“fo”）；
var tbl=document.getElementById（“tbl”）；
var tr=document.createElement（“tr”）；
对于（var x=0；x尝试使用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>


$（文档）.ready（函数（）{
$（“#新建_字段”）。单击（函数（）{
$（此）。最近的（“表格”）。追加（“”）；
});
});
添加字段
用于（var x=0；XY您可以先将输入
s放入表单
中，并正确关闭所有标记。@punund OP可能试图通过将type=按钮
中的一个输入放在表单外部来避免触发的提交事件。为什么您认为OP需要jQuery解决方案？而且它使用起来更干净用双引号括起来，避免漏掉主题。没有jquery
标记！他写道他是javascript新手。这只是选项之一。jquery是一个js库，OP表示欢迎任何帮助，因为他是新手。所以这是一个完全有效的答案。