Javascript尽管ID不同，但只有第一个按钮提交给Ajax表单

Javascript Only the first button submits to Ajax form despite different Ids

本文关键字：按钮 第一个 提交 表单 Ajax ID 尽管 不同 Javascript      更新时间：2023-09-26

其他用户在循环按钮行时也遇到过类似的问题，但这总是因为他们意外地重复使用了相同的Id或值。我也遇到了同样的问题，但我所有的按钮都是独一无二的。

AJAX请求

    <script>
        $(document).ready(function(){
            $("#friendadd").submit(function(){
                    alert("checkpoint");
                    $.ajax({
                        type:"POST",
                        url:"getuser.php"
                    });
            })
        });
    </script>

PHP和表单

            <form id="friendadd">
    <?php
        for($i=0; $i<$ctk->rowCount(); $i++){
            echo "<img src='".$ctk_values[$i][6]."' alt='Blank' style='width:64px;height:64px'>";//PP, Later add clickable profile
            echo "<th rowspan='3'>Attributes</th>";
            echo "<tr>  ".$ctk_values[$i][0]."</tr>";//UN
            echo "<tr>  ".$ctk_values[$i][1]."</tr>";//UL
            echo "<tr>  ".$ctk_values[$i][5]."</tr>";//UA
    ?>
                <input type="submit" id="friend<?php echo $i;?>"><!--pass in this.value-->
            </form>
    <?php
                }//Ends for loop
            }
        }
    ?>

说明：当我在搜索框中输入用户名时，它会返回三个不同的用户，分别为rikesh1、rikesh2和rikesh3。它们旁边都有一个按钮，值分别为friend0、friend1和friend2。当我点击friend0按钮时，它成功地调用并更新了数据库。当我点击friend1按钮时，什么也没发生。这与其他用户的不同之处在于，我的按钮具有唯一的Id。感谢您的帮助，我认为这是一个非常容易解决的问题，但在搜索了Stack之后，我仍然不确定发生了什么。

        <form id="friendadd">
<?php
    for($i=0; $i<$ctk->rowCount(); $i++){
        echo "<img src='".$ctk_values[$i][6]."' alt='Blank' style='width:64px;height:64px'>";//PP, Later add clickable profile
        echo "<th rowspan='3'>Attributes</th>";
        echo "<tr>  ".$ctk_values[$i][0]."</tr>";//UN
        echo "<tr>  ".$ctk_values[$i][1]."</tr>";//UL
        echo "<tr>  ".$ctk_values[$i][5]."</tr>";//UA
?>
            <input type="submit" id="friend<?php echo $i;?>"><!--pass in this.value-->
<?php
            }//Ends for loop
?>
        </form>
<?php
        }
    }
?>

请改用此代码。

另一个在第一个循环结束表单标记。

相关文章：