Question

    <form class="userControl">
        <input type="hidden" class="userName" name="userName" value="john759">
        <button class="action">Block</button>
    </form>

    <form class="userControl">
        <input type="hidden" class="userName" name="userName" value="dDuck">
        <button class="action">Block</button>
    </form>

    <form class="userControl">
        <input type="hidden" class="userName" name="userName" value="cCrow">
        <button class="action">Block</button>
    </form>

    $(".userControl").submit(function(e){
        e.preventDefault();

        var user = $(".userName").val();

        alert(user);

if(user) {
        $.ajax({
            type:"GET",
             url:"/user-control/",
            data:data,
        dataType:'json',

        beforeSend:function(html) {

        },

//etc

    });

在页面上有多个表单的情况下，获取仅提交表单的文本字段值的正确且最可靠的方法是什么？

现在，即使我点击最后一个表格，我也会得到第一个表格的价值。

表单使用GET提交，userName是传递给php脚本的内容。

Answer 1

你给它一些背景。您可以使用this变量引用提交处理程序中的表单。所以你可以这样做：

$(".userControl").submit(function(e){
    e.preventDefault();

    var user = $(this).find(".userName").val();
    // other stuff
});

当页面上有多个表单时，Jquery获取正在提交的表单的文本字段的值

1 个答案: