javascript - 如何获取提交表单的输入值

Question

我有下面的“html”代码:

<div class="userbox" id="'.$data[0]->id.'">
    <form action="schedule.php?page=management&ajax=true" method="post">
        <input type="hidden" name="id" value="'. $data[0]->id .'" class="id">
        <input type="submit" name="remove_entry" value="x" class="ajax_btn">
    </form>
</div>

还有下面的 JS 代码:

$(document).ready(
function () {

    $('.userbox form').on('submit',  function(ev) {

        ev.preventDefault();


        var idVal = $('.id').val();

        alert(idVal);

        $.post("schedule.php?page=management&ajax=true", { id : idVal }, function (data) {
            $("#" + idVal + ".userbox").remove();
            $("#" + idVal + ".user_data").css('background-color', '#FFFFFF');

        }
    );

    });

});

我试图从表单中获取 id 的值(考虑到页面上有多个表单)但它获取的是页面上的第一个 id 而不是来自提交表单的 id。你们有什么建议吗？

Answer 1

您使用的查询选择器 ($('.id')) 正在整个文档中搜索具有类“id”的节点，并且不限于提交的表单。

尝试像这样定义范围并在内部搜索:

$('.userbox form').on('submit',  function(ev) {
    var scope = $(this);

    var idVal = scope.find('.id').val();
    // ....
}