这是我在循环时尝试发布表单数据的代码

<?php
if ($query->num_rows > 0) {
    $i = 0;
    while ($row12 = $query->fetch_assoc()) {
        $i++;
?>
<form class="yatis"id="foo" method="POST">
    <div class="flex items-center justify-between">
        <span class="text-sm font-semibold text-black dark:text-black">
            <?php echo $row12["sched2"]; ?>
        </span>
        <input type="hidden" id="unq" name="unq" value="<?php echo $row["unique_id"]; ?>">
        <button type="submit" id="subm" name="submit" class="eut px-3 py-1 text-sm font-bold text-gray-100 transition-colors duration-300 transform bg-gray-600 rounded cursor-pointer hover:bg-gray-500">Enroll</button>                
    </div>
</form>
<?php }} else {
    echo 'No records found...';
}
?>

每当我点击一个按钮，它张贴在每个按钮相同的数据。

<script>
var submit1 = document.querySelectorAll(".eut");
for (let i = 0; i < submit1.length; i++) {
    submit1[i].addEventListener("click", function(e) {
        e.preventDefault();
        var formData = new FormData();
        var s1 = document.getElementById("unq").value;    
        formData.append("us1", s1);
        var url = "enroll.php";
        axios.post(url, formData, {
            headers: {
                'Content-Type': 'multipart/form-data
            }
        })
    });
}

我想张贴在不同的形式，但当我试图点击按钮，它的第一个形式张贴相同的数据。