jquery AJAX 成功调用函数后,禁用按钮并更改按钮文本

rekjcdws  于 2022-12-29  发布在  jQuery
关注(0)|答案(2)|浏览(160)

我在PHP AJAX 项目工作。我想禁用和更改ajax中的成功函数调用后的按钮的文本。我的ajax函数工作正常,我得到了所需的输出。只有一件事是剩余的按钮的事情。这里是我的代码ajax。

$(document).ready(function () {

  $(document).on("click", "#add_btn", function (e) {
    e.preventDefault();
    var id = $(this).val();
    var cus_id = $('#customer_selection').val();
    if (!cus_id) {
      alert("Please select a customer")

    } else {

      $.ajax({
        url: "add_selection_script.php",
        type: "POST",
        data: {
          id: id,
          cus_id: cus_id
        },
        success: function (data) {
          // here i want to change button text and disable for click button only
            not others because my buttons are dynamic
          prop("disabled", true);
          html("Added");

        }
      });
    }
  });
});

这里是按钮代码

<button type="submit" id="add_btn" value="<? echo $id; ?>">Add to selection</button>
vh0rcniy

vh0rcniy1#

您必须给予要更改的标识符

$("#add_btn").prop('disabled', true);
$("#add_btn").html('Added');

如果您按钮是动态的,那么您可以执行以下操作:单击按钮时,将元素放入变量中

var element = $(this);

在你的成功函数里写上

element.prop('disabled', true);
element.html('Added');
ql3eal8s

ql3eal8s2#

您需要设置按钮的属性并使用.html.text来更改文本。

success: function (data) {
  $('#add_btn').attr('disabled', true);
  $('#add_btn').html('changed text');
}

相关问题