当输入在foreach循环中时，如何使用jquery ajax从输入中获取每个值答案

【问题标题】：how to grab each value from input with jquery ajax when inputs are in a foreach loop当输入在foreach循环中时，如何使用jquery ajax从输入中获取每个值
【发布时间】：2019-12-28 18:52:02
【问题描述】：

输入字段和删除按钮由 php foreach 循环生成！

要获取输入的值并将其发送到 php，我使用以下代码： html:

<input type="hidden" name="file_id" id="<?php echo $file_id; ?>" value="<?php echo $file_id; ?>" />
<button class="btn btn-sm btn-danger delete" type="submit" name="delete_file">Delete</button>

jquery:

$(document).on('click' , '.delete' , function() {   
    var file_id = $('#<?php echo $file_id; ?>').val();

    $.ajax({
        url: "admin.php",
        method: "POST",
        data: {         
            file_id : file_id
        },
        success: function(data) {
            $('.result').html(data);            
        }
    });
});

php:

if(isset($_POST["file_id"])) {
    echo $_POST["file_id"];
}

问题：当我提交（删除）时，它总是从 first 输入字段中获取值。我怎样才能使它工作，所以当我选择第二个删除时，它会从第二个输入字段中获取值？

【问题讨论】：

标签： php jquery ajax input

【解决方案1】：

代替

var file_id = $('#<?php echo $file_id; ?>').val();

使用

var file_id = $(this).prev().val();  // according to provided markup

这将选择<button> 的前一个元素（即隐藏的<input>），并取其值。

【讨论】：

现在很好用！谢谢