Question

<script>
function myFunction(y)
{

var f = y.parentNode;
var d = f.parentNode;
var g = d.parentNode;
var c =g.parentNode.rowIndex;   


var table = document.getElementById("myTable");

var row = table.insertRow(c+1);


var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
var cell5 = row.insertCell(4);
var cell6 = row.insertCell(5);
var cell7 = row.insertCell(6);

cell1.innerHTML = "<input type=text name='txt_id' id='id_id' size=10 placeholder=Id>";
cell2.innerHTML = "<input type=text name='txt_item' id='id_item' size=10    placeholder=Item>";
cell3.innerHTML = "<input type=text name='txt_cost' id='id_cost' size=10 placeholder=0.00>";
cell4.innerHTML = "<input type=text name='txt_wp' id='id_wp' size=10 placeholder=0.00>";
cell5.innerHTML = "<input type=text name='txt_rp' id='id_rp' size=10 placeholder=0.00>";

cell6.innerHTML = "<input type='button' name='submit' id='id_submitBtn' value='Save' size=10 onclick='form_submit()' >";


document.getElementById("myTable");

}

这是我在单击添加按钮时在表上添加动态行的代码。现在我需要将输入的值输入文本框并提交给DB。

form_submit()
{
}

这可以通过在此函数中编写任何代码来实现吗？

Answer 1

您可以使用以下方法获取数组中的所有值：

$('#myTable input:text')
  .map(function() {return this.value;})
   .get();

Answer 2

试试这个

form_submit()
{
    if ( validation is true ) {
        $.ajax({

            url:submit.php,
            dataType: "json",
            type: "POST",
            data: {
                id : $("#id_id").val(),
                .
                .
                .
            },
            success: function () {
                alert("Success");
            }
        });
    }
}

Answer 3

提交表格后，使用以下：

var values = [];
$('#customTable input:text').each(function() {
    values.push($(this).val());
});

$.ajax({

        url:index.php,
        dataType: "json",
        type: "POST",
        data: {
        valOfItems:values 
        }
        //Your custom operations like success,error etc
      });

如何从javascript函数获取输入值以将其保存到DB中

3 个答案: