数据表行添加和更新输入

时间:2018-10-30 12:42:59

标签: javascript jquery datatables html-form-post

我正在使用数据表添加允许用户输入然后提交以获取输入值的行。看起来是这样的: enter image description here

当我单击添加时,它会添加行,但是在提交时,它不会提交或执行任何操作。 添加输入行的JavaScript

$(document).ready(function() {
    $('#myTable2').dataTable();
    $('#addbtn').click(addrow);
} );

function addrow() {
    $('#myTable2').dataTable().fnAddData( [

        '<form action="update.php" method="GET"><input type="text" id="jpnum" name="jpnum"/>',
        '<input type="text" id="sc" name="sc"/>',
        '<input type="text" id="jptype" name="jptype"/>',
        '<input type="text" id="ctime" name="ctime"/>',
        '<input type="text" id="defect" name="defect"/>',
        '<input type="text" id="lead" name="lead"/>',
        '<input type="text" id="action" name="action"/>',
        '<input type="text" id="comments" name="comments"/>',
        '<input type="text" id="comp" name="comp"/>',
        '<input type="submit" id="update" name="update"/></form>'

        ] );

}

html按钮添加行:

<input type="button" value="add" id="addbtn" />

添加功能正在运行,但尚未提交表单。

0 个答案:

没有答案