调用AJAX后无法更改数据值

Question

抱歉，帖子有些重复。但是上一篇文章令人困惑。

简而言之，我有一个span元素，其id为maxfiles_id。

当您从下拉列表中选择一个值时，它会更改页面上适用的maxfiles_id的值。

但是，我有一个输入字段，其中一个id为file_limit，一个data-count='some value'。

当AJAX发挥其魔力时，它将更改屏幕上的maxfiles_id，但不会影响data-count的值。

这是我分成两部分来简化代码的代码。

function setUploads(val) {
  if (val == 0) {
    val = 10;
  }
  $("#maxfiles_id").html(val);
  $("#file_limit").data('count', val);
}

这是选择下拉列表时的代码。顺便说一句，SELECT ID是upload_category。

$("#upload_category").on("change", function() {
  var catid = $("#upload_category").val();
  $.ajax({
    url: 'ajaxqueries.php',
    type: 'POST',
    data: {
      catlimit: catid
    },
    success: function(data) {
      setUploads(data);
    }
  });
})

为什么我不能更改data-count的值？

在这里我要进行更改：

<input type='file' name='file[]' data-maxfilesize='$maxfilesize' accept='image/*' id='file_limit' data-count='$maxfiles' multiple>

我正在尝试基于下拉列表为maxfiles设置一个新值。