Question

其他用户在循环按钮行时遇到了类似的问题，但总是因为他们意外地重复使用相同的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之后，我仍然不确定发生了什么。

Answer 1

        <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
        }
    }
?>

请改用此代码。

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

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

1 个答案: