Question

我有一个动态地使用JQuery创建的表。字段的名称在末尾用[]标记以定义数组，并且在表单的末尾有一个提交按钮。

<input name="customFieldName[]" type="text" id="customFieldName" size="50" />

我有一个允许用户输入新行的链接

<a href="javascript:void(0)" class="addCF">Add A Service</a>

现在，一旦所有信息都输入到字段中并且用户点击了提交，我该如何将所有信息保存到数据库中？

我对这部分很困惑。对不起，我是新手。

Answer 1

$customFieldNameArray = $_POST['customFieldName'];
var_dump($customFieldNameArray);

Answer 2

试试这个，希望这对你有用。

<强> HTML：

  <table id="dynamicTbl" style="border:1px;">
  </table>
  <input type="button" id="btnSubmit" value="Save"/>
  <input type="button" id="btnAdd" value="Add"/>

<强>脚本

$(document).ready(function(){
var html="<tr>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html+="</tr>";
     $('#dynamicTbl').html(html);
    $('#btnSubmit').on('click',function(){
        var myData=[]; //declaring arrary
    var rows = $('#dynamicTbl').find('tr');
        rows.find('td input').each(function(){
            myData.push($(this).val());
        });
        alert(myData);
    });
    $('#btnAdd').on('click',function(){
    var html="<tr>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html +="<td>";
    html +="<input type='text'/>";
    html+="</td>";
    html+="</tr>";
     $('#dynamicTbl').append(html);
    });
});

jsfiddle example

将动态表数据存储到数据库中

2 个答案: