jquery帖子表单,其中包含多个同名字段

时间:2015-10-18 12:21:56

标签: javascript php jquery html forms

我在每行(tr)的(td)中都有一个带有相同输入的打包形式。 现在我想提交这个表格,只有完整的填充行。

我在您的网站上阅读了一些文章,但我无法提交表单。

这是html代码:

<div id="fac_table">
    <table id="matable" width="100%">
        <tbody>
            <tr>
                <th width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </th>
                <th width="250px">
                    Désignation
                </th>
                <th width="30">
                    Unité
                </th>
                <th width="30">
                    Quantité
                </th>
                <th width="30">
                    Prix
                </th>
                <th width="30">
                    TVA
                </th>
                <th width="30">
                    Total
                </th>
            </tr>
            <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr>
              <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr>
        </tbody>
    </table>
</div>

这里是jquery代码:

$("#facform").submit(function()
{
    var sendURL = $(this).attr("action");
    var sendPost = $(this).attr("method");
    var facArray = $(this).serialize();

    alert(sendURL + "  " + sendPost + "  " + facArray);

    $.ajax(
    {
        type: sendPost,
        url: sendURL,
        data: facArray,
        success: function(response)
        {
            console.log(response);
        }
    });
});
$("#facform").submit();

警报提供正确的信息,但我的sendfac.php上有一个空白帖子。

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

添加此代码。你忘了添加方法了。

 $.ajax(
{
    method: sendPost , 
    url: sendURL,
    data: facArray,
    success: function(response)
    {
        console.log(response);
    }
});

或尝试使用此代码

$.post("/"+sendURL, { data: facArray}, function success (data) {
                alert("Done");
            }, "json");

答案 1 :(得分:-1)

您应该在表单字段名称中添加括号。因为您正在尝试发送值数组。

像这样:<input name="designation[]" type="text" class="facBig" />