Javascript jQuery在同一页面中的两个表单-值更改

我在一个表中列出了我的所有用户。最后一个td元素将包含一个表单， 根据用户的情况，可以是开户表单，也可以是销户表单 是否已关闭。我正在使用jqueryajax表单插件，从中可以工作。 我想做的是在表单提交之前更改按钮的值

以下是我目前的JS:

$(document).ready(function() {

    $('form').ajaxForm({
        beforeSubmit: function() {
                $('form').find('input').val('Wait...');
            },
            success: function(data) { 
                $('body').html(data);
            }
        });
        return false;

    });

<td>
<?php if($user['closed'] == 0):?>
    <?php $attributes = ['class' => 'account']; ?>      
    <?php echo form_open('admin/closeAccount', $attributes);?>
        <input type="hidden" name="user_id" value="<?=$user['user_id']?>"/>
        <input type="hidden" name="user_email" value="<?=$user['email']?>"/>
        <input type="submit" name="close_account" class="btn btn-danger btn-sm" id="trigger" value="Close" >
    <?php echo form_close();?>

<?php else:?>
      <?php $attributes = ['class' => 'account'];?>
      <?php echo form_open('admin/openAccount');?>
        <input type="hidden" name="user_id" value="<?=$user['user_id']?>"/>
        <input type="submit" data-loading-text="Odota..." name="open_account" class="btn btn-success btn-sm" id="trigger" value="Open" >
      <?php echo form_close();?>
<?php endif ?>
</td>

这是我的HTML标记：

$(document).ready(function() {

    $('form').ajaxForm({
        beforeSubmit: function() {
                $('form').find('input').val('Wait...');
            },
            success: function(data) { 
                $('body').html(data);
            }
        });
        return false;

    });

<td>
<?php if($user['closed'] == 0):?>
    <?php $attributes = ['class' => 'account']; ?>      
    <?php echo form_open('admin/closeAccount', $attributes);?>
        <input type="hidden" name="user_id" value="<?=$user['user_id']?>"/>
        <input type="hidden" name="user_email" value="<?=$user['email']?>"/>
        <input type="submit" name="close_account" class="btn btn-danger btn-sm" id="trigger" value="Close" >
    <?php echo form_close();?>

<?php else:?>
      <?php $attributes = ['class' => 'account'];?>
      <?php echo form_open('admin/openAccount');?>
        <input type="hidden" name="user_id" value="<?=$user['user_id']?>"/>
        <input type="submit" data-loading-text="Odota..." name="open_account" class="btn btn-success btn-sm" id="trigger" value="Open" >
      <?php echo form_close();?>
<?php endif ?>
</td>

试试这个代码

$（'.btn'）.val（'Wait…'）

或

$（'.btn danger'）.val（'Wait…'）

或

$（'.btn sm'）.val（'Wait…'）
 如果我理解正确，您只需将选择器更改为-$（'input[type=“submit”]”）。
因此——
$（'form'）.find（'input[type=“submit”]）.val（'Wait…'）

或
根据插件文档（）使用选择器
传递给beforeSubmit回调的$form应允许您访问当前提交的表单

尝试：

尝试为CSS选择器添加更多特性。在ajaxForm（）调用中，尝试以下操作以更改提交按钮值：

$(this).find('input[type="submit"]').val('Wait...');

您的按钮有一个id，为什么不使用该选择器

$("#trigger").val("Wait...");

表单本身是通过ajax加载的吗？如果是，则委派

$(document).on("customevent", "#trigger", function() {
    $(this).val("Wait...");
});

然后在beforesmit just$（document.trigger（“customevent”）
 显然，这是行不通的，因为这些类几乎是一样的——它们都有.btn和.btn小类，如果我使用.btn danger，我就必须再次编写相同的AJAX请求，以获得.btn成功。我想做的是对ajax请求使用相同的代码。是的，这正是我想要的。干杯，伙计！：）