javascript - 创建一个条件，使 <input> 在事件发生之前具有值 jQuery

Question

我创建了一个条件，当单击按钮时，它将从<input id="id" class="req">获取我的ID值框，并将显示该 ID 的关联名称并将其放入名称 <input id="name" class="req">盒子。

所以当我输入1时，我会得到BOB 。非常基本。

我还有一个条件，就是<input>框应该在特定的 <div> 之前有值会出现。所以默认情况下这个 <div> 隐藏。

我挣扎的部分是，每当我单击按钮时，我就会得到名字，尽管我已经成功填写了我的2 <input>盒子，<div>还是不会出现。

这是我的代码。

//<input> conditions

$('input.req').on("keyup keypress change", function () {
  $('input.req').each(function() { 
    if($(this).val() != "") {
        $("#content").show();
    }
    else {
        $("#content").hide();
    }
  });
});

同样，如果您输入 1，您将得到 bob。但是<div>不会出现。但如果您手动，请填写文本框，<div>将会出现。

我想要发生的是，输入我的ID，单击按钮，获取名称，将名称放入我的< em>姓名 <input>框并制作 <div>出现。

Answer 1

您还应该检查 Ajax 成功处理程序中的输入框，因为目前您只在关键事件上执行此操作:

$.ajax({
   url: //url,
   success: function() {
      $('input.req').each(function() { 
         if($(this).val() != "") {
            $("#content").show();
         }
         else {
            $("#content").hide();
         }
      });
   }    
})