当页面上有多个表单时，Jquery获取所提交表单的文本字段的值 块 块 块 $（“.userControl”）.submit（函数（e）{ e、 预防默认值（）； var user=$（“.userName”）.val（）； 警报（用户）； 如果（用户）{ $.ajax({ 键入：“获取”， url:“/user control/”， 数据：数据， 数据类型：'json'， 发送前：函数（html）{ }, //等 });

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

现在，即使单击最后一个表单，也会得到第一个表单的值

---

表单是使用

GET

提交的，而

userName

是传递给php脚本的内容。

您为表单提供了一些上下文。在提交处理程序中，您可以使用

这个变量引用表单。因此，您可以简单地执行以下操作：

    <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

    });

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

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