1

ボタンをクリックすると、ボックスからID<input id="id" class="req">の値を取得し、その ID に関連付けられた名前を表示して [名前]<input id="name" class="req">ボックスに入れるという条件を作成しました。

だから私がタイプ1すると、私は得るでしょうBOB。かなり基本的です。

<input>特定のボックスが表示される前に、両方のボックスに値が必要であるという条件もあり<div>ます。したがって、デフォルトではこれ<div>はhiddenです。

私が苦労しているのは、ボタンをクリックするたびに名前が表示されることですが、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を入力し、ボタンをクリックして名前を取得し、名前を名前ボックスの中に入れて表示させることです。 <input><div>

4

2 に答える 2

0

Ajax サクセス ハンドラーの入力ボックスもチェックする必要があります。

$.ajax({
   url: //url,
   success: function() {
      $('input.req').each(function() { 
         if($(this).val() != "") {
            $("#content").show();
         }
         else {
            $("#content").hide();
         }
      });
   }    
})
于 2013-10-01T06:14:36.840 に答える
0

あなたの問題は、入力が変更されるたびにすべての入力をスローすることです。削除するだけ$('input.req').each(function() {で、すべて問題ありません。

于 2013-10-01T06:16:17.530 に答える