Question

我有一个问题，我不知道如何在同一页面中有多个表格时获取特定表格的ID。每个表单都有不同的ID：

HTML：

<form method="post" action="page.php" id="acheter1">
    <input type="hidden" class="idProd8" name="idProd8" value="1">
    <input type="hidden" name="price" value="10">                       
    <button type="submit" id="addToCart" name="addToCart">Add</button>
</form>

<form method="post" action="page.php" id="acheter2">
    <input type="hidden" class="idProd8" name="idProd8" value="2">
    <input type="hidden" name="price" value="20">                       
    <button type="submit" id="addToCart" name="addToCart">Add</button>
</form>

这是ajax

Jquery：

$('[id^=acheter]').submit(function() {
var CurrenID = $(this).attr('id');
       $.ajax({
            type: "POST",
            url: "page.php",
            data: $('#'+CurrenID).serialize(),
            success: function(data) {
                    Method();
                }            
        });
        return false;
    });

Answer 1

$('[id^=acheter]').submit(function() {
    var data = $(this).serialize()+"&form_id="+$(this).attr('id');
       $.ajax({
            type: "POST",
            url: "page.php",
            data: data,
            success: function(data) {
                    Method();
                }            
        });
        return false;
    });

那会将您的ID添加到表单发布数据中吗？

Answer 2

在这一行：

$('[id^=acheter]').submit(function() {

更改为

$('#acheter').submit(function() {

请注意，如果您希望使用名称或类从不同的代码中获取多个值，则 ID 必须是唯一的。

使用id检查表单只需输入一个输入按钮而不是输入提交，每个都有一个不同的变量给jquery并提交。

示例：

<form method="post" action="page.php" id="acheter1">
    <input type="hidden" class="idProd8" name="idProd8" value="1">
    <input type="hidden" name="price" value="10">                       
    <button type="button" id="addToCart1" name="addToCart" onclick="submitF('1')">Add</button>
</form>

<form method="post" action="page.php" id="acheter2">
    <input type="hidden" class="idProd8" name="idProd8" value="2">
    <input type="hidden" name="price" value="20">                       
    <button type="button" id="addToCart2" name="addToCart" onclick="submitF('2')">Add</button>
</form>

然后使用jquery / javascript检查点击的按钮

function submitF(var)
{
if (var == 1)
{
...
    /*do what you want knowing that the first form was clicked, 
submit form with jquery if you want*/
...
}
if (var == 2)
{
...
    /*do what you want knowing that the second form was clicked, 
submit form with jquery if you want*/
...
}

}

在同一页面上获取多个表单中特定表单的id（jquery）

2 个答案: